Javascript set input value after load

Question

I have div with generated input fields. After button click I want to refresh div and then set values.

<div>
  <input id="1" name="1" type="text" />
  <input id="2" name="2" type="text" />
</div>
<button type="button" onClick="change();">Change</button>

Javascript function:

function change(){
  $('div').load(' div');
  $("input[type='text']").val("some text");            
}

Why after load I can't set values for input? How can I solve it? Thanks

You could just call change() on load of the DOM...? Also, what are you expecting load(' div') to do, as it's not a valid usage of the load() method. — Rory McCrossan
– Rory McCrossan, Commented Mar 11, 2016 at 14:25
I need to refresh div because count of input fields are generated by server. — GoobyPrs
– GoobyPrs, Commented Mar 11, 2016 at 14:28

David · Accepted Answer · 2016-03-11 14:30:56Z

2

.load() is asynchronous. So when you do this:

$('div').load(' div');
$("input[type='text']").val("some text");

That second line executes before the content has been loaded. In order to respond to the completion of the content being loaded, you need to use the callback function:

$('div').load(' div', function () {
    $("input[type='text']").val("some text");
});

answered Mar 11, 2016 at 14:30

David

221k42 gold badges245 silver badges337 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript set input value after load

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related