我的 HTML 中的选择元素如下;
<select id="ddlCats">
</select>
我使用 jQuery 在 $(document).ready
上填充它:
// some ajax call
$.each(msg.cats, function (i, cat) {
$('#ddlCats').append(
$('<option></option>').val(cat.catID).html(cat.catName)
);
});
这工作正常并且列表生成正常:
<select id="ddlCats">
<option value="68" selected="selected">option 1</option>
<option value="59">option 2</option>
<option value="60">option 3</option>
<option value="62">option 4</option>
</select>
直到我尝试使用以下方式访问所选项目的值:
$('#ddlCats').val();
总是返回 0。我也尝试过其他可用的选择器,但没有成功。
有什么想法吗?
最佳答案
select
元素总是很烦人。试试这个:
$("#ddlCats option:selected").val();
关于jquery - 使用 jQuery 从动态创建的下拉列表中获取所选项目 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9252249/