Copy data from textbox to another data in textbox MVC .

Question

1.00/5 (1 vote)

See more:

hi all I have two textbox like that

HTML

 @Html.TextBox("Title",null, new { @class = "name_input", @id = "Title" })

@Html.TextBox("LongUrlText", "http://www.darwish.ps/"+ pageID + "/Details/" + Model.ID + (I need here to add the value which come from the textbox Title)"/" + Model.Title.ToSeoUrl(), new { @class = "name_input", @id = "LongUrlText", @readonly = 
"readonly" })

I want to add the value whih come from textbox Title to the data which already existed in textbox LongUrlText help me please to ahcieve that .

What I have tried:

I tried to use use this script but it clear all data from the textbox longurltext and I don't want to clear data I just want to complete the the data which come from Title textbox into it .

JavaScript

@*<script>

     document.getElementById("Title").onkeyup = function () {
     document.getElementById("LongUrlText2").value = this.value;
     };
 </script>*@

Posted 8-May-16 1:42am

Sarah Mohammed77

Updated 8-May-16 7:32am

Patrice T

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 8-May-16 9:50am

The script is correct but ugly: you calculate document.getElementById again and again. Store the results in variables, that's it. The problem is ASP.NET markup, not JavaScript. You did not properly set id values.

id = "LongUrlText" would work, without @...

—SA

Sarah Mohammed77 8-May-16 10:12am

can you give me the correct syntax for my code please .

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2016-05-08T07:32:00

Solution 2

Try this

JavaScript

<script>
           var initialValue = document.getElementById("LongUrlText2").value;
           document.getElementById("Title").onkeyup = function () {
               document.getElementById("LongUrlText2").value = initialValue + this.value;
           };

   </script>

Posted 8-May-16 7:32am

Karthik_Mahalingam

Comments

Sarah Mohammed77 8-May-16 16:57pm

it just work like charm thanks alot man .

Karthik_Mahalingam 8-May-16 22:41pm

Welcome Sara

lanthanh1985 10-Nov-20 0:19am

can auto copy data when the textbox has already loaded data ?