0

2つのドロップダウンメニューを含むポップアップフォームがあります。最初のオプションで選択したオプションに応じて、2番目のオプションで可能なオプションを変更する必要があります。情報はデータベースにあるので、Ajaxでどのような情報かを確認する必要があります。

たとえば、結果の例を次に示します。

$arr = {
    "1" => array("1","first","ref1"),
    "2" => array("2","second","ref2"),
    "3" => array("3","third","ref3")
};

この配列を渡す方法と、これらのオプションを2番目の選択ボックスに割り当てる方法を教えてください。
私は今次のコードを持っています、そしてそれはうまくいきます。
function onChangeBrand（）{
var brandId = $（'＃brand'）。val（）;
$ .ajax（{
type： "POST"、
datatype：'json'、
url： "items / getModel"、
data：{brandId：brandId}、
success：function（data）{
//
}
}）;
}
次の情報を含む文字列のようなデータを受け取りました：
[{"model_id"： "5"、 "name"： "M1132"}、{"model_id"： "4"、 "name"： "ProBook 6470 "}]


この情報をjquery配列に転送し、オプションとして2番目のドロップダウンメニューに渡すにはどうすればよいですか。

4

2 に答える 2

0

サーバーからJsonオブジェクトを取得し、それらをループして、Javascriptで動的にオプションを作成できます。

for(var i in options){
  option       = $('<option>');
  option.value = options[i].value;
  option.append(options[i].text);
  select2.append(option);
}

plunkerの作業コードの例。
この助けを願っています。

于 2013-03-14T17:13:23.113 に答える