ブートストラップですべてを選択できません。

ブートストラップセレクトを使用します。私は、 "Connected"と "Detected"の2つのオプションを持っています。複数選択です。つまり、接続、検出、またはその両方を使用できます。ブートストラップですべてを選択できません。

これはコードです：

HTML

<select id="connectedDetected" class="selectpicker col-xs-4" multiple="multiple" data-live-search="true" title="Connected, Detected"/>

Javascriptを：

 var connectedDetected = 
      [ { 
       "key" : "connected", 
       "title" : "Connected" 
      }, { 
       "key" : "detected", 
       "title" : "Detected" 
      } 
      ], 

      output = ''; 

      connectedDetected.forEach(function(tag){ 
       var selected = 'selected="true"'; 

       output += '<option value="'+ tag.key +'" '+selected+'>'+ tag.title +'</option>'; 
      }); 

     this.ui.connectedDetected.append(output); 

     this.ui.connectedDetected.selectpicker({ 
      multiple:true, 
      size: 2 
     });

質問：

ブートストラップセレクトに少なくとも1つのオプションを必須にするにはどうすればよいですか？私はユーザーにすべての選択を解除させたくありません。 両方または1つのオプション（[接続済み]または[検出済み]または両方）をチェックしますか？

おかげで、

出典

2017-01-10 TechnoCorner

var connectedDetected = 
 
      [ { 
 
       "key" : "connected", 
 
       "title" : "Connected" 
 
      }, { 
 
       "key" : "detected", 
 
       "title" : "Detected" 
 
      } 
 
      ], 
 

 
      output = ''; 
 

 
$(connectedDetected).each(function(i,j){ 
 
    output += "<option value='"+ j.key + "' selected>"+ j.title + "</option>"; 
 
}); 
 

 
$("#mySelect").html(output); 
 

 
function check(){ 
 
    if($("#mySelect").find(":selected").length==0) 
 
    $("#mySelect option:first").attr("selected","selected"); 
 

 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
For to select multiple press and hold CTRL while clicking<br> 
 
<select id="mySelect" multiple size=2 onchange="check()"></select> 
 
    
 
</body>

出典

2017-01-10 23:39:19

ブートストラップですべてを選択できません。

答えて

関連する問題