This is my HTMLcode:

<div style='display:none;' id='allformid'>
    <div>
        <form action='#'>
              <input type='text' name='name' id='named'/>
        </form>
    </div>
</div>

And this is my jQuery code to set the value of the input text box:

$("#allformid  #named").val('abcd');

This jQuery code is correct, but the form value is not changed.

This is my HTMLcode:

<div style='display:none;' id='allformid'>
    <div>
        <form action='#'>
              <input type='text' name='name' id='named'/>
        </form>
    </div>
</div>

And this is my jQuery code to set the value of the input text box:

$("#allformid  #named").val('abcd');

This jQuery code is correct, but the form value is not changed.

• javascript
• php
• jquery

• because the div is hidden!!! remove style='display:none;' – Arun P Johny Commented Oct 31, 2013 at 10:30
• 2 If you wanted a hidden field, use <input type='hidden'> rather than hiding the input inside a div. – Tim Ebenezer Commented Oct 31, 2013 at 10:30
• also since you have an id for the input element $('#named').val('abcd'); – Arun P Johny Commented Oct 31, 2013 at 10:31
• 3 It probably is changed - it just doesn't look like it has. Open the console and enter $("#named").val(); It will show you the actual value – Reinstate Monica Cellio Commented Oct 31, 2013 at 10:31
• no div hidden is required. – Renish Khunt Commented Oct 31, 2013 at 10:31

3 Answers 3

I tried the same code it works fine. How did you test that the code works or not?

If you check the inspect element, it will not show value="abcd". But if you make the div visible, you can see the value is given. But the value gets set. You can also test the value by getting the value in the js console like this:

$("#allformid #named").val();

However if you want it to display as value="abcd", you will need to write $("#allformid #named").attr("value",'abcd');

html

<form action='#'>
      <input type='hidden' value='' name='name' id='named'/>
</form>

jQuery

$("#named").val('abcd');

Try this

$('#' + $('#Hiddenfield1').val()).val('Hello');

Source: http://forums.asp/t/2003756.aspx?How+to+use+Jquery+to+set+a+textbox+of+a+dynamic+control