1

ブートストラップの複数選択を追加したドロップダウンがあります。

            <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();

ブートストラップの複数選択では、ここでは使用したくない独自のすべて選択オプションがあります。「opt8」まで選択を切り替える「すべて選択」ロジックが必要です。助けてください。

4

2 に答える 2

0

Maybe you could group your data using optgroup, with a specific ID or class for each optgroup. After, it's easier to select all elements of one or more optgroup.

Or add simply a class "selectall" to all options or optgroups which has to be handled by a select_all function.

<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>

Regards

于 2014-09-24T11:03:38.697 に答える
0

You can have select all logic that is if you want to select all you can have like :

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

But as you requested your code will be as click 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>

于 2014-09-24T11:03:49.413 に答える