js操作列表/菜单(select/option)的问题

<select size="15" id="selectleft" style="width:150px" multiple>想在这里把以下字符串加进来</select> 以下是一些列表，想加载列表框中<option value="1">Properties 1</option>  
<option value="2">Properties 2</option>  
<option value="3">Properties 3</option>  
<option value="4">Properties 4</option>  
<option value="5">Properties 5</option>  
<option value="6">Properties 6</option>  
<option value="7">Properties 7</option>  
<option value="8">Properties 8</option>  

解决方案 »

  1.   

    for(var i = 1; i<=8; i++)document.getElementById('selectleft').options.add(new Option('Properties' + i, i));
      

  2.   


    window.onload = function () {
          //document.getElementById("selectleft").innerHTML = "<option value="1">Properties 1</option>";//这样就添加一个了
          document.getElementById("selectleft").innerHTML = document.getElementById("s").innerHTML;
    };<select size="15" id="selectleft" style="width:150px" multiple>想在这里把以下字符串加进来</select>  以下是一些列表，想加载列表框中
    <span id="s">
    <option value="1">Properties 1</option>   
    <option value="2">Properties 2</option>   
    <option value="3">Properties 3</option>   
    <option value="4">Properties 4</option>   
    <option value="5">Properties 5</option>   
    <option value="6">Properties 6</option>   
    <option value="7">Properties 7</option>   
    <option value="8">Properties 8</option> 
    </span>
      

  3.   

    var op = new Option(text,value)
     document.getElementById("selectleft").add(op)
    循环全部加入
      

  4.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title></head><body><select size="15" id="selectleft" style="width:150px" multiple></select>  <script>
    var str = '<option value="1">Properties 1</option>'
    +'<option value="2">Properties 2</option>'   
    +'<option value="3">Properties 3</option>'   
    +'<option value="4">Properties 4</option>'   
    +'<option value="5">Properties 5</option>'   
    +'<option value="6">Properties 6</option>'   
    +'<option value="7">Properties 7</option>'   
    +'<option value="8">Properties 8</option>';
    var re = /<option value="([^"]*)">([^<]*)<\/option>/g;
    var arr = str.match(re);
    var s = document.getElementById("selectleft");
    for(var i=0;i<arr.length;i++){
    var a = arr[i].replace(re,"$1,$2").split(",");
    s.add(new Option(a[1],a[0]));
    }
    </script>
    </body></html>
      

  5.   

    window.onload = function () {
          //document.getElementById("selectleft").innerHTML = "<option value="1">Properties 1</option>";//这样就添加一个了
          document.getElementById("selectleft").innerHTML = document.getElementById("s").innerHTML;
    };<select size="15" id="selectleft" style="width:150px" multiple>想在这里把以下字符串加进来</select>  以下是一些列表，想加载列表框中
    <span id="s">
    <option value="1">Properties 1</option>   
    <option value="2">Properties 2</option>   
    <option value="3">Properties 3</option>   
    <option value="4">Properties 4</option>   
    <option value="5">Properties 5</option>   
    <option value="6">Properties 6</option>   
    <option value="7">Properties 7</option>   
    <option value="8">Properties 8</option> 
    </span>