Question

I got one text box and one select box.

<input type="text" />

<select>
<option value=1>Test1</option>
<option value=2>Test2</option>
</select>

Now i want when user type anything in text box, to change value=2 text.

I tried this, but looks like don’t work.

$(document).ready(function () {
$("#textbox").keyup(function () {




    $("select#sync[value='2']").text($(this).val());
});

});

Answer 1

Apart from the fact that you haven’t given the elements IDs, the problem is that you need to access the <option> element (that one has a value of 2 – there is no <select value=2>). Also, IDs are unique, so using select#sync is (should be) the same as #sync:

$("#sync option[value='2']")