js 高手来 默认选中select中的值 （其中那个val 是从别处读取的）

<body onload="defchoice()">  
<script language="JavaScript">
//实现已有数据默认选中
function defchoice() {
var val='5';
   var sd = document.getElementsByName("Categories");
   alert(sd)
    for (var i = 0; i < sd.options.length; i++) {        
        if (sd.options[i].value == val)       {           sd.options[i].selected=true;   
  
        }        
    } }
</script>   
  <select    name= "Categories " id="Categories"   class= "font1 "> 
    <option   value= "3 "> Carpets </option> 
    <option   value= "4 "> Hallways </option> 
    <option   value= "5 "> Rugs </option> 
    <option   value= "6 "> Sanitising-DEOD </option> 
    <option   value= "7 "> Car   Interior </option> 
    <option   value= "8 "> Seats </option> 
    <option   value= "9 "> Combination   SPE </option> 
    <option   value= "10 "> Stairs </option> 
    <option   value= "11 "> Protection </option> 
    <option   value= "12 "> Matresses </option> 
    <option   value= "13 "> Drapes </option> 
    <option   value= "14 "> Surcharges </option> 
    <option   value= "15 "> Ducts </option> 
 </select> </body>大家看看我这个怎么实现不了

解决方案 »

  1.   


    <body onload="defchoice()">   
    <script language="JavaScript">
    //实现已有数据默认选中
    function defchoice() {
      var val=5;
      var sd = document.getElementById("Categories");
      for (var i = 0; i < sd.options.length; i++) {     if (sd.options[i].value == val)
      { 
     sd.options[i].selected=true;  
      }   
      }  }
    </script>   
      <select name= "Categories " id="Categories" class= "font1 ">  
      <option value= "3 "> Carpets </option>  
      <option value= "4 "> Hallways </option>  
      <option value= "5 "> Rugs </option>  
      <option value= "6 "> Sanitising-DEOD </option>  
      <option value= "7 "> Car Interior </option>  
      <option value= "8 "> Seats </option>  
      <option value= "9 "> Combination SPE </option>  
      <option value= "10 "> Stairs </option>  
      <option value= "11 "> Protection </option>  
      <option value= "12 "> Matresses </option>  
      <option value= "13 "> Drapes </option>  
      <option value= "14 "> Surcharges </option>  
      <option value= "15 "> Ducts </option>  
     </select>  </body>
      

  2.   


    没有那么麻烦，直接赋值就可以选中了
    document.getElementsByName("Categories")[0].value = "5";<script language="JavaScript">
    //实现已有数据默认选中
    function defchoice() {
    var val='5';
      var sd = document.getElementsByName("Categories");
      alert(sd)
      for (var i = 0; i < sd[0].options.length; i++) { //这里sd是数组，应该是0 
      if (sd.options[i].value == val) { 
           sd.options[i].selected=true;  
           //sd.options[i].selected = "selected ";
      }  
      } }
    </script> 
      

  3.   

    呵呵，学习了，还有，他源码options中的value有空格，所以比较不出！