码上敲享录 > 最全面的HTML入门教程 > 实现select按ctrl或shift键多选功能

实现select按ctrl或shift键多选功能

上一章章节目录下一章 2019-03-29已有4665人阅读 评论(0)

实现select按ctrl或shift键多选功能


解决方法:

<select id="select"  style="min-width:250px; height:250px;"  multiple="">

 <option value="74-0-0">网站模板</option>

<option value="74-120-0"> —— 电脑端</option>

<option value="74-119-0"> —— 手机端</option>

<option value="4-0-0">产品展示</option>

<option value="4-6-0"> —— 手机</option>

<option value="4-6-16"> ———— 智能手机</option>

<option value="4-6-17"> ———— 畅玩系列</option>

<option value="4-6-18"> ———— 畅想系列</option>

</select>

 <input type="button" value="点击我获取选中的值" onclick="test()">

<script type="text/javascript">

  function test(){

  var select = document.getElementById("select");

   var str = [];

   for(i=0;i<select.length;i++){

       if(select.options[i].selected){

           str.push(select[i].value);

       }

   }

   alert(str);

  }

 </script>


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交