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

Share Improve this question Follow edited Nov 16, 2014 at 22:50 Sean Mickey 7,72622 gold badges3333 silver badges5858 bronze badges asked Oct 31, 2013 at 10:29 Renish KhuntRenish Khunt 5,8241818 gold badges5757 silver badges9393 bronze badges 14

• 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

 |  Show 9 more ments

3 Answers 3

Sorted by: Reset to default 10

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