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 个答案: