2016-12-14 2 views
0

私はブートストラップマルチセレクトプラグインを使用しています。このプラグインを複数選択dropdwnsに使用し、UI整合性のために1つのselectドロップダウンに同じプラグインを適用しました。複数選択ドロップダウンのために は、私はそれは、ドロップダウンや複数のオプションを選択することで、チェックボックスを作成しますブートストラップマルチセレクション - ラジオボタンなしのシングルセレクト

$('#ListBox').multiselect({ 
       nonSelectedText: 'Select Option' 
      }); 

次のように適用されます。

し、以下のように単一の選択のドロップダウンを適用し、

$('#DropDownList').multiselect({ 
       nonSelectedText: 'Select Option', 
       multiple: false     
      }); 

この1つはドロップダウンにラジオボタンを生成しますが、私はラジオボタンを望んでいないと、それは通常のドロップダウンとして動作する必要があります。

ラジオボタンなしで単一の選択ドロップダウンを作成するオプションはありますか。

+0

チェック:false'のは、あなたが唯一の選択される1つのオプションを必要と示しています。その場合、単純なHTMLコンボボックスを使用することができます。 – Sid

+0

こんにちは、はい、あなたは儀式です。 UIをマルチ選択ドロップダウンリストと似て欲しい。だから私はこのようにしてみました。さらに、これはIE 8を含めて動作するはずです。 – Karthikeyan

答えて

1

以下のCSSコードを追加してくださいと `複数

.dropdown-menu label.radio input[type=radio]{ 
    visibility: hidden; 
} 
.dropdown-menu label.radio{ 
    padding-left:10px; 
} 
+0

基本的には、マルチセレクションプラグインを使用せず、代わりに通常のプラグインを使用することを提案しますか? – Sid

+0

UIの一貫性のために、私はマルチセレクトプラグインをシングルセレクト用に使用しました。 – Karthikeyan

+0

複数選択ドロップダウンとしてUIを作成する他の方法はありますか? – Karthikeyan

関連する問題