jquery - 使用 jQuery 获取选择元素选项的值？

Question

我有以下 HTML:

<div style="width: 143px; height: 125px; overflow: scroll;"><select size="20" style="min-width: 200px;" name="ctl00$ctl04$ctl00$ctl00$SelectResult" id="ctl00_m_g_ctl00_ctl00_SelectResult" multiple="multiple" title="selected values" onchange="GipSelectResultItems(ctl00_m_g_ctl00_MultiLookupPicker_m);" ondblclick="GipRemoveSelectedItems(ctl00_m_g_ctl00_ctl04_ctl00_ctl00_MultiLookupPicker_m); return false" onkeydown="GipHandleHScroll(event)">
                <option value="14">BMT</option></select></div>

无论值是什么，如何获取选项中的文本？我想我可以做这样的事情:

 var test = $('#ctl00_m_g_ctl00_ctl00_SelectResult selected:option').text(); 

但它给了我“未定义”。

有什么想法吗？

更新:如果选择没有选项，我不想收到 JavaScript 错误。

Answer 1

请尝试这个:

$('#ctl00_m_g_ctl00_ctl00_SelectResult option:selected').text();

更新。为了避免 JavaScript 错误，您可以使用如下内容:

var test = null;
var opt = $('#ctl00_m_g_ctl00_ctl00_SelectResult option:selected');

if (opt.length > 0){
  test = opt.text();
}

然后检查 test 是否为 null。