jquery multiSelect 複数選択ドロップダウン box_jquery-jsチュートリアル-php.cn

jquery multiSelect 複数選択ドロップダウン box_jquery

WBOY

リリース： 2016-05-16 18:23:31

オリジナル

1444 人が閲覧しました

$("#id").multiSelect({ oneOrMoreSelected: '*',selectAll:false,noneSelected:'默认显示' });
使用法: $('#id').multiSelect( options, callback )
オプション: selectAll - [すべて選択] オプションを表示するかどうか。 true/false、デフォルト = true
selectAllText - すべてのオプションを同時に選択/選択解除するために表示されるテキスト
noneSelected - リストに選択された項目がない場合に表示されるテキスト
oneOrMoreSelected - 選択された項目がある場合に表示されるテキストリスト内の 1 つ以上の選択された項目
(注: 選択された項目の数のプレースホルダーとして % を使用できます)。
選択したすべてのカンマ区切りのリストを表示するには、* を使用します。デフォルト = '% selected'
optGroupSelectable - オプトグループを使用する場合に選択可能かどうか。 true/false、デフォルト = false
listHeight - ドロップダウンオプションの最大の高さ

复制代码代码如下:

 
// 選択された項目の合計数でテキストボックスを更新し、すべて選択するかを決定します 
$("#id").updateSelected() 
// ドロップダウン オプションを更新します 
 $("#id").multiSelectOptionsUpdate() 
// ドロップダウンを非表示にする 
$("#id").multiSelectOptionsHide() 
// ドロップダウンを表示する 
$("#id" ).multiSelectOptionsShow() 
// 選択された値のカンマ区切りのリストを取得します 
$("#id").selectedValuesString 

JavaScript を使用して複数のオプションを設定します

代制代次のように:

 
$("#id").attr(" value","");//選択中项をクリアします。 
var ids='1,3,6';//選択中顆IDを設定します。 
var id_Ojbect=(ids).split(",") ;//Ojbect 数グループに分割。 
var count=$("#id option").length;//下フレームの長さを取得します。 
for(var c=0;cfor(var c_i=0;c_i{ 
if($("#id").get(0).options[c_i].text == id_Ojbect[ c]) 
{ 
$("#id").get(0).options[c_i].selected = true;// 選択中に設定されます。 
} 
} 
} 

代打打包下ダウンロード