jquery查找option通过显示的text内容

  如果select对象的option没有value属性,jquery怎么通过option显示的text内容查找到对应的option对象?由于option显示的内容没有什么对应的属性,所以只能使用内容选择器:contains来查找。不能通过属性text查找到。

  测试代码如下

<head><script type="text/javascript" src="/js/jquery.js"></script></head>
<script type="text/javascript">
    var one = 'B', two = 'A2', three = 'A13';
    function setSelected() {
        $('#one option:contains(' + one + ')').attr('selected', 'selected');
        //$('#one option[text=' + one + ']').attr('selected', 'selected');//这样查找不到
        $('#two option:contains(' + two + ')').attr('selected', 'selected');
        //$('#two option[text=' + two + ']').attr('selected', 'selected');//这样查找不到
        $('#three option:contains(' + three + ')').attr('selected', 'selected');
        //$('#three option[text=' + three + ']').attr('selected', 'selected');//这样查找不到
    }
    $(function () {
        setSelected();
    });
 </script>
<select id="one">
  <option>...</option>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>
<select id="two">
  <option>...</option>
  <option>A1</option>
  <option>A2</option>
  <option>A3</option>
</select>
<select id="three">
  <option>...</option>
  <option>A11</option>
  <option>A12</option>
  <option>A13</option>
</select>
<!--第一个选择的A,第二个选择的A1,第三个选择的A13,如何让他们展示出来?-->

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:jquery查找option通过显示的text内容

评论(0)Web开发网
阅读(134)喜欢(0)JavaScript/Ajax开发技巧