即使在引导多重选择中也如何处理onclick？

Question

我有一个下拉列表，我为此添加了bootstrap multiselect。

            <select id="selectoption" multiple="multiple">
              <option value="opt1">All</option>
              <option value="opt2">all_content1</option>
              <option value="opt2">all_content1</option>
              <option value="opt3">all_content1</option>
              <option value="opt4">all_content1</option>
              <option value="opt5">all_content1</option>
              <option value="opt6">all_content1</option>
              <option value="opt7">all_content1</option>
              <option value="opt8">all_content1</option>
              <option value="opt9">separate_content1</option>
              <option value="opt10">separate_content2</option>
            </select>

我这样添加了多选，

$("#selectoption").multiselect();

在bootstrap multiselect中，他们有自己的全选选项，我不想在这里使用它。 我想要“全选”逻辑，将选择切换到“ opt8”。 请帮忙。

Answer 1

也许您可以使用optgroup对数据进行optgroup ，并为每个optgroup指定特定的ID或类。 之后，选择一个或多个optgroup的所有元素会更容易。

或仅将类“ selectall”添加到必须由select_all函数处理的所有选项或optgroup中。

<select id="selectoption" multiple="multiple">
          <option value="opt1">All</option>
          <optgroup class="selectall" label="Group 1">
              <option value="opt2">all_content1</option>
              <option value="opt2">all_content1</option>
              <option value="opt3">all_content1</option>
              <option value="opt4">all_content1</option>
              <option value="opt5">all_content1</option>
              <option value="opt6">all_content1</option>
              <option value="opt7">all_content1</option>
              <option value="opt8">all_content1</option>
          </optgroup>
          <optgroup label="Group 2">
              <option value="opt9">separate_content1</option>
              <option value="opt10">separate_content2</option>
          </optgroup>
          <optgroup class="selectall" label="Group 3">
              <option value="opt9">separate_content1</option>
              <option value="opt10">separate_content2</option>
          </optgroup>
        </select>

问候

Answer 2

您可以选择所有逻辑，即要选择所有逻辑，例如：

  $('#selectoption option').attr('selected', true);

但是根据您的要求，您的代码将如下所示： ALL ：

 $('option').click(function(){ if($(this).val()=="opt1") $("#selectoption").val(["opt2","opt3","opt4","opt5","opt6","opt7","opt8","opt9"]); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <select id="selectoption" multiple="multiple"> <option value="opt1">All</option> <option value="opt2">all_content1</option> <option value="opt3">all_content1</option> <option value="opt4">all_content1</option> <option value="opt5">all_content1</option> <option value="opt6">all_content1</option> <option value="opt7">all_content1</option> <option value="opt8">all_content1</option> <option value="opt9">all_content1</option> <option value="opt10">separate_content1</option> <option value="opt10">separate_content2</option> </select>