コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JQUERY_jquery に基づいた 2 つの ListBox サブ項目の相互調整の実装コード

JQUERY_jquery に基づいた 2 つの ListBox サブ項目の相互調整の実装コード

WBOY
リリース： 2016-05-16 18:06:55
オリジナル
1401 人が閲覧しました

HTML:

复制代 代码如下:















未选择颜色 ：

已选择颜色 ：










对应JS メソッド:
复制代 代码如下:

関数 listMove(main, follow, Hidetextbox, isBack, Index) {
if (index return;
var o = 未定義;
変数ソース;
var は個別です。
var dddd;
if (!isBack) {
//IE6 に存在する BUG に getElementById を使用します
source = $('#' main);// window.document.getElementById(main);
distinct = $('#' が続きます); //window.document.getElementById(follow);
}
else {
source = $('#' follow); // window.document.getElementById(follow);
distinct = $('#' main); // window.document.getElementById(main);
}
var hid = $('#' Hidetextbox)[0]; // document.getElementById(hidetextbox);
if (インデックス != 未定義) {
var op = "オプション:eq(" インデックス ")";
source.find(op).each(function () {
distinct.append("");
$(this).remove()
});
}
else {
source.find("option:selected").each(function () {
$(this).remove();
distinct.append("< ;option value='" $(this).val() "'>" $(this).text() "");
});
}
var str = "";
//遍历Listbox，取得选中项的值
$('#' main ' option').each(function () {
str = $(this).val() ',';
});
hid.value = str;
}
関連ラベル：
ListBox 互相调整
ソース：php.cn
前の記事：一部の Web サイトでは、空白の Referer_JavaScript スキルのアンチホットリンク画像のコードを JS でクラッキングできます。 次の記事：JavaScript_javascript のヒントで要素に name 属性を追加する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2207
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2359
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1973
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1858
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1923
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート