如何从ajax get，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

问题是您正在尝试在f_pic1内找到ID为#f_pic1但未找到的元素，因此只需找到所选的选项。

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