如何实现通过select的text来选中对应的option

<script type="text/javascript"> function a() {     $("#dddddd option[text='小型车']").attr("selected", true); } </script> 

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function a(){
    var valuex=document.getElementById("test").value;
    var se=document.getElementById("dddddd");
    var os=se.getElementsByTagName("option");
    for(var i=0;i<os.length;i++){
    if(os[i].innerHTML=valuex){
    os[i].selected=true;
    break;
    }
    }
    }
    </script>
    </head><body>
    <select id="dddddd">
         <option  value="1">微型车</option>
         <option value="2">小型车</option>
         <option value="3">紧凑型车</option>
         <option value="4">中型车</option>
         <option value="5">中大型车</option>
         <option value="6">豪华型车</option>
         <option value="7">MPV</option>
         <option value="8">SUV</option>
         <option value="9">跑车</option>
         <option value="10">其它</option>
    </select>
    <input type="text" id="test">
    <input type="button" value="asdf" onclick="a();" /> 
    </body>
    </html>
    这样？？
      

  2.   

    JS的可以，我想知道Jquery的实现方法。谢谢。
      

  3.   

    不是很明白问题，你是说添加text值给select吗？
      

  4.   

    <script type="text/javascript">
        function a() {
            $("#dddddd option:contains('小型车')").attr("selected", true);
        }
    </script>
      

  5.   

    7楼的这种方式是由缺点的，常常会出现这样类似的情况，contains("大大"，"大大大")这样就不好区分了。有大神还有好方法么，不循环的