两个 select2 与可用选项同步

问题描述 投票:0回答:0

我想要同步两个 select2,其中可用选项不在选定选项中 链接http://jsfiddle.net/qh71m25y/1/

我想在下拉菜单中同步我保存相同的选项,请显示图像

(两者的可用选项相同two select2 with same options

<select multiple id="s1" style="width:300px">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
        <option value="5">Five</option>
    </select>

<br /><br />

<select multiple id="s2" style="width:300px">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
        <option value="5">Five</option>
    </select>


        $("#s1").select2();
        $("#s2").select2();
        var triggerManual = false;
        $('#s1').on('change', function (e) {
              if( triggerManual ) {
                return;
              }
              var selectedValues = $(this).val();
              $('#s2').val(selectedValues);
              changeSelValues();
        });

        $('#s2').on('change', function (e) {
              if( triggerManual ) {
                return;
              }
              var selectedValues = $(this).val();
              $('#s1').val(selectedValues);
              changeSelValues();
        }); 
        
        function changeSelValues() {
            triggerManual = true;
            $('#s1').trigger('change');
            $('#s2').trigger('change');
            
            triggerManual = false;
        }   
jquery jquery-select2
© www.soinside.com 2019 - 2024. All rights reserved.