jquery - 根据其文本而不是值选择下拉选项

Question

我试图通过文本选择下拉列表中的一个项目。我无法按值选择它们，因为每次值都会不同。

   $("#rn_SelectionInput_7_attend_session_time option").each( function(){
      alert($(this).text()==radioValue);// this evaluate to true when a matching item is found

     if( $(this).text()==radioValue) 
     {
        $("#rn_SelectionInput_7_attend_session_time").selectedIndex=$(this.index()); // this doesn't do anything
     }
   });

谢谢

Answer 1

可以设置选项元素的selected属性使其处于选中状态

$("#rn_SelectionInput_7_attend_session_time option").filter(function () {
    alert($(this).text() == radioValue); // this evaluate to true when a matching item is found
    return $.trim($(this).text()) == radioValue
}).prop('selected', true);

演示:Fiddle

• filter() - 查找具有给定文本的选项元素
• .prop() - 将所选属性设置为 true