jquery - 如何从 ajax 获取选定的下拉列表，html 结果？

Question

我有一个 ajax get ，我想在该响应 html 中获取下拉列表的选定值。

这是html中返回的html。

<select id="f_pic1" name="f_pic1">
<option selected="selected" value="1">My Pic</option>
</select>

ajax成功函数的一部分

success: function (html)
{
    var ddlId = 'f_pic1';
    var outResult = $(html);

    // listed here are different attempts.
    // attempt 1
    var ddl = outResult.find('#' + ddlId + ' option:selected'); //undefined

    // attempt 2
    var ddl = outResult.find('#' + ddlId); //object
    var val1 = ddl.val(); //undefined
    var text = ddl.text(); //undefined
    var id = ddl.attr('id'); //undefined
}

如何从返回的 html 中的下拉列表中获取选定的值和文本？

Answer 1

问题是你试图找到一个没有 id 的元素f_pic1，#f_pic1所以只需找到选定的选项。

var ddl = outResult.find('option:selected');