jqueryプラグインautoComboBoxドロップダウンbox_jquery

質問: 1. 地方と都市の間のドロップダウン ボックスのリンク、製品カテゴリのリンク、または部門のリンクはどのように行いますか? 🎜>いいえ、あなたの方法を返信してください。
結論: リンクされたドロップダウン ボックスを作成するたびに作業を繰り返すのは疲れて死にたくなります。この記事を読めば、もっと良い方法が見つかるかもしれません。それを実現するには、(理論上) 無限レベルの連携ドロップダウン ボックス、おそらく 10 秒で十分です。
このようにして、連携ドロップダウン ボックスを自動生成するプラグインが誕生しました。
これはプラグインは jquery1.4.2 の最小バージョンに依存します。
無意味です。

メソッドの呼び出し:




コードをコピー

コードは次のとおりです: var data= [{ "id": 25, "text" : "淮安支店", "children": [{ "id": 26, "text": "事務所（行政職員研修）"}] }, { "id": 52, "text": "研究開発部" }, { "id": 53, "text": "財務部" }] $("#div_autoComboBox").AutoComboBox({

cssClass: "autoComboBox",

nullDispaly: true,
//url: "ComboBoxTreeDept_Data.aspx",
// リモート データが使用されない場合は、ローカル データ ソースを使用してデータを使用できます注: URL が空でない場合は、リモート データ ソースが最初に使用されます。
// ps: データベースを要求するのは 1 回だけです。データ ソースはクライアントに保存されます。
data:data,
firstValue: [true, "==選択してください==, "==選択してください==] / /最初の値を自動的に作成するかどうか、この値は通常選択してください、待機する制限はありません
});


結果: このようにして、無限レベル (理論的) リンケージのドロップダウン ボックスが表示されます。上記のコードをコピーして、URL パラメーターを 10 秒間変更すると、次のようになります。注: json 形式については、名前も含めて自分で変換してください。このソース コードには、このプラグイン用に json を変換するだけの dll も含まれています。
(引用後:
///dataset data source///テキストを表示するには

///id,, you know it
///parent id, you know it
///Ignore....
stringtreeJson = zlddEasyUiHelp.CreateTree.DataSetToTree(ds_Department, "Dept_Name", "Dept_ID", "Dept_PId",false);
)
質問: ユーザーが選択した値を取得する方法
回答: それ1 行のコードで実行でき、複数のパラメータのオーバーロードをサポートします




コードをコピー

コードは次のとおりです: $("#div1").ComboBoxGetValue([index],[ErrorFn]); //オプションのパラメータの説明: //インデックス、最初の値を取得します。ダウンボックス、デフォルトで最後のボックス (入力されていない場合は、最後の値が取得されます)

// ErrorFn、値を取得する際に次のようなエラーが発生します: 現在は州と都市の連携であると仮定します。 、3 番目のドロップダウン ボックス ボックス (エリア) を取得したいとしますが、ユーザーが都市を選択するだけであり、これは取得されません。その場合、渡されるメソッドは

と呼ばれます。//コールバック メソッドは次のように記述されます。
var ErrorFn = function () {
alert("wrong");
}


これが表示された場合、使い方を知っていますか?ご存知ですか、返信してください....
続行 「変更」機能について説明します
たとえば、ユーザーは自分の住所を選択したばかりなので、今度はそれを変更する必要があります。ユーザーは「地区」を選択したところです。 "、リンケージ ドロップダウン ボックスを初期化し、地区、市、県のデフォルトを設定する必要があります。値。
は非常に簡単です。上記のコード (以下の赤でマークされたコード) に文を追加すると、自動的に初期化されます。デフォルト値

のリンク ドロップダウン ボックス 例:




コードをコピー

コードは次のとおりです: $("#div_autoComboBox").AutoComboBox({ cssClass: "autoComboBox", nullDispaly : true,

//url: "ComboBoxTreeDept_Data.aspx",

//Ifリモート データは使用されません。ローカル データ ソースを使用して、上で定義したデータ変数を使用できます。 注: URL が空でない場合、ソース
// ps: データベースは 1 回のみリクエストします。 、データ ソースはクライアントに保存されます。
data:data,
defaultValue: 76,
firstValue: [true, "==Please select== , "==Please select==] //最初の値を自動的に作成するかどうか。この値は通常は選択してください。
});

Regarding the birth background of the "modify" function, if you are interested, please read...
It is said that this plug-in cannot set a default value, that is, it cannot self-initialize the drop-down box with a default value
However, because a beautiful woman tempted me and said, "If you want to do it, I will do it." You know what it is exactly...
This is the end of the introduction
Source code download, /201012/yuanma/AutoComboBoxs.rar(Updated)

(The source code only includes the plug-in source code, the dll that converts the json format string)
January 4, 2011 17:12:39 Update

version v1.1

Update content

Fix some known bugs (if the subclass does not have top-level options such as "Please select", the third level cannot be created) )

Added method to obtain the selected item object

Performance optimization


Original text: http://www.cnblogs.com/337212522/ archive/2010/12/21/1912381.html