ホームページ  >  記事  >  ウェブフロントエンド  >  jquery multiSelect 複数選択ドロップダウン box_jquery

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

WBOY
WBOYオリジナル
2016-05-16 18:23:311428ブラウズ

$("#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;// 選択中に設定されます。
}
}
}

代打打包下ダウンロード
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。