将“全选”选项添加到html的下拉列表中

Question

我想将“全选”选项添加到我的下拉列表中，这样我就可以通过单击“全选”选项来选择下拉列表中的所有值。

Answer 1

简而言之，仅使用HTML是不可能的。 为此，您需要JavaScript 。

Answer 2

我找到了解决方案。这是...

<html>
<head>
<style type="text/css"></style>
<script language="javascript">
      function changeSelection(value){

      var length = document.getElementById("ch").options.length;

      if(value == 0){
      for(var i = 1;i<length;i++)
        document.getElementById("ch").options[i].selected = "selected";

      document.getElementById("ch").options[0].selected = "";
      }

  }
</script>
</head>
<body>

<select multiple onchange="changeSelection(this.value)"
     id="ch">
<option value="0">All</option>
<option value="1">C</option>
<option value="2">C++</option>
<option value="3">Java</option>
<option value="4">SQL</option>
<option value="5">HTML</option>
</select>

</body>
</html>

将“全选”选项添加到html的下拉列表中

问题描述

2 个解决方案

解决方案1
2 2013-03-06 06:55:57

解决方案2
0 2013-03-06 10:18:29

将“全选”选项添加到html的下拉列表中

问题描述

2 个解决方案

解决方案1 2 2013-03-06 06:55:57

解决方案2 0 2013-03-06 10:18:29

解决方案1
2 2013-03-06 06:55:57

解决方案2
0 2013-03-06 10:18:29