ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery ドロップダウン リスト セカンダリ連携プラグイン Sharing_jquery

jQuery ドロップダウン リスト セカンダリ連携プラグイン Sharing_jquery

WBOY
WBOYオリジナル
2016-05-16 17:54:421120ブラウズ

jQuery セカンダリ連携プラグイン: jQuery.selected
ページは複数の連携エフェクトを参照できます。 使用方法:
js の設定:

コードをコピーします。 > コードは次のとおりです:
var defaults = {
NextSelId: '#Select2',
SelTextId: '#Text1',
Separator : '-- ',
SelStrSet: [
{ 名前: '選択してください', サブ名: '選択してください'},
{ 名前: '★Gao Qiben★', サブ名: 'コンピュータ サイエンスとテクノロジー|中国語と文学' },
{ 名前: '★Gaoqizhuan★', サブネーム: '中国語教育|秘書|幼児教育|観光管理|法務|経済管理|コンピュータ会計|電子商取引|コンピュータ情報経営 |ソフトウェアエンジニアリング|メカトロニクス|ファインケミカル生産技術|機械製造設計および自動化|放送およびホスティング|アートデザイン|カリグラフィーディレクションアートデザイン' },
{ name: '★大学から学士号まで★', subname: '思想 政治教育|中国語および文学|英語|数学および応用数学|電子情報工学|コンピュータ科学技術|会計|公益事業管理|観光管理|体育|音楽学|アートデザイン|書道の方向性アートデザイン'}]
}
var defaults2 = {
NextSelId: '#Select4',
SelTextId: '#Text2',
区切り文字: '★',
SelStrSet: [
{ name : '選択してください'、サブ名: '選択してください'}、
{ 名前: '北京'、サブ名: '北京1|北京2' }、
{ 名前: '上海'、サブ名: '上海1 |上海2 |Shanghai 3|Shanghai 4' },
{ name: 'Tianjin', subname: 'Tianjin'}]
}

設定手順:
NextSelId: の ID併せてロードする必要があるドロップダウン リスト
SelTextId: 選択オプションを表示するテキスト ボックスの ID
Separator: 第 1 レベルと第 2 レベルのメニューの文字列を分割
SelStrSet: ドロップダウンの設定down options
[{ 名前: '選択してください', サブ名: '選択してください'}]
名前: 第 1 レベルのドロップダウン オプション、サブ名: 第 2 レベルのドロップダウン オプション、複数は "| で区切ります。 ";

html ページ:

コードをコピー コードは次のとおりです:



🎜>
Text2" type="text" />



何か良い提案がありましたら、コメントを残してください。


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