我在 index.html 中有一个 < select > 字段和一个按钮:
<select id="mylist"></select>
<input type="button" id="btn" value="update">
以下Javascript将在单击按钮时更新
var btn=$('#btn');
btn.click(function(){
var optionList = GET_OBJECT_LIST(); //get an array of Object, object has id & name
var select = $("#mylist");
select.empty();
for(var i=0; i<optionList.length; i++){
select.append("<option value=" + optionList[i].id+ ">" + optionList[i].name + "</option>");
}
});
到目前为止一切都很好。
然后，我想实现options之后的功能当鼠标单击 <select> 中的选项时，会更新字段，我可以获得所选选项的对象id(即 <option> 值)。怎么做？
最佳答案
这可能有效(不确定它是否返回数组，所以你会发现):
$('#mylist').change(function() {
var selected = $(this).find('option:selected');
// Foo.
});
关于javascript - 在我的例子中，如何获取 <select> 中所选选项的 id？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5740400/