jquery - 使用 jQuery 从动态创建的下拉列表中获取所选项目 ID

Question

我的 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。我也尝试过其他可用的选择器，但没有成功。

有什么想法吗？

Answer 1

select 元素总是很烦人。试试这个:

$("#ddlCats option:selected").val();