<select  name='tname1'>
<select  name='tname2'>
<select  name='tname3'>3个下拉框多选
怎么在JS中 循环选中下拉框  ,
for(var i=0;i<3;i++){
  var t_name = document.all.这里怎么写循环多个name名字;//由于不知道怎么把变量值加到document命令中
        for(var j=0;j<t_name.length;j++){
          t_name[j].selected=true;  //下拉框中的option全部选中
        }
}

解决方案 »


  1. //可以用 document.getElementsByTagName('select');=== 结贴,给分 ===
    得到满意的答案,立即结贴给分,是一种良好的习惯和美德
      

  2. for(var i=0;i <3;i++){ 
      var t_name = document.getElementsByTagName('select')[i]
            for(var j=0;j <t_name.length;j++){ 
              t_name[j].selected=true;  //下拉框中的option全部选中 
            } 
    }
      

  3. 或者
    <select  id='tname1'> 
    <select  id='tname2'> 
    <select  id='tname3'>3个下拉框多选 for(var i=0;i <3;i++){ 
      var t_name = document.getElementById('tname'+(i+1))
    }
      


  4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>Untitled Document</title>
            <style type="text/css">
                select {
                    width: 200px;
                    height: 200px;
                }
            </style>
            <script type="text/javascript">
                /**
                 * @author develop_design_level
                 * date 2009-11-05
                 */
    function $(id){
    return document.getElementById(id);
    }
                window.onload = function(){
                    $('btnId').onclick = function(){
                        var selObjArray = document.getElementsByTagName('select');
                        for (var i = 0; selObjArray[i]; i++) {
                            var optionsObj = selObjArray[i].options;
                            for (var j = 0; optionsObj[j]; j++) {
                                optionsObj[j].selected = true;
                            }
                        }
                    }
                };
            </script>
        </head>
        <body>
            <select name="name1" multiple="multiple">
                <option value="1">hello_1</option>
                <option value="2">hello_2</option>
                <option value="3">hello_3</option>
                <option value="4">hello_4</option>
                <option value="5">hello_5</option>
                <option value="6">hello_6</option>
                <option value="7">hello_7</option>
                <option value="8">hello_8</option>
                <option value="9">hello_9</option>
            </select>
            <select name="name2" multiple="multiple">
                <option value="1">hello_1</option>
                <option value="2">hello_2</option>
                <option value="3">hello_3</option>
                <option value="4">hello_4</option>
                <option value="5">hello_5</option>
                <option value="6">hello_6</option>
                <option value="7">hello_7</option>
                <option value="8">hello_8</option>
                <option value="9">hello_9</option>
            </select>
            <select name="name3" multiple="multiple">
                <option value="1">hello_1</option>
                <option value="2">hello_2</option>
                <option value="3">hello_3</option>
                <option value="4">hello_4</option>
                <option value="5">hello_5</option>
                <option value="6">hello_6</option>
                <option value="7">hello_7</option>
                <option value="8">hello_8</option>
                <option value="9">hello_9</option>
            </select>
            <input type="button" id="btnId" value=" 全选 ">
        </body>
    </html>
      

类似问题 »