jQueryで実装した複数選択ボックス連携プラグイン コードをコピー コードは以下のとおりです: // 使用: $(_event_src_).autoSelect(_reload_, reload_url); // フロントエンドは get メソッドを使用して、 タグの属性「name」を送信します。選択された // バックエンドは json 形式でデータを送信します // 形式: { value: の属性 "value", text: の表示テキスト🎜>(function($) { $.fn.extend({ autoSelect: function(dest, url) { return this.each(function() { $.SelectChange($ (this), $(dest), url); }), }); // チェックボックスをリセットします$.SelectReset = function(target) { if (target != null) { $.SelectReset(target.data("nextSelect")); target.append(target.data(") defaultOpt")); } }; // ロードチェックボックス$.SelectLoad = function(target, data) { $.each(data, function(インデックス、コンテンツ) { var オプション = $("") .attr("value", content.value).text(content.text); target.append(option); } ); // バインド変更イベント$.SelectChange = function(target, dest, url) { //バインドリンケージチェーンtarget.data ("nextSelect", dest); // デフォルトオプション (最初のオプション) を記録します if (target.data("defaultOpt") == null) target.data("defaultOpt" , target.children().first()); dest.data("defaultOpt", dest.children().first()); $(document).ready(function() { target.change(function(event) { var _target =event.target || window.event.srcElement; if (_target.value != target.data("defaultOpt").attr ("value")) { $.getJSON(url, { "name": _target.name, "value": _target.value }, function(data, status) { if (status == "success") { $.SelectReset(target.data("nextSelect")); ("nextSelect"), data); } }); // バックグラウンドで json 形式でデータを送信します } else { $.SelectReset(target.data("nextSelect") ); } }); });
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
