如何使用 jQuery 更新下拉菜单？

Question

I tried using the val() method to update a drop down menu using jQuery but for some reason it failed, this is the code:

 function doSomething() { var company_name = 'micro'; $("#company").val(company_name); }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left" onclick="doSomething(this);">update</a> <select id="company" onchange="populateAddress();"> <option value="apple">apple</option> <option value="micro">micro</option> </select>

Answer 1

Presumably by "it failed" to you mean it fails to fire the onchange event? Because .val() should definitely work. Try something like this...

$("#company").val(company_name).change();