1

私のページには、2 つの選択ボックス [項目、およびサブ項目] があります。

<select id="item" name="item">
 <option value="1">Desktop</option>
 <option value="2">Laptop</option>
</select>


<select id="sub_item" name="sub_item">
</select>

ユーザーが項目の選択コントロールを変更するたびに、イベントは選択された値を jQuery を使用してサーバーに送信し、サーバー ページは次のようなものを出力します。

デル、39000
HP、32000

そして、jQuery はこれらの値をサブ項目選択ボックスに追加して、次のように変更する必要があります。

<select id="sub_item" name="sub_item">
 <option value="39000">Dell</option>
 <option value="32000">HP</option>
</select>

問題: サブ項目の選択コントロールを追加/リセットする方法をコーディングできません

共有するコードはありません。私のSQLまたはJAVAコードが必要な場合は投稿できますが、バックエンドはサブアイテムの値を変更するjQueryとは何の関係もないと思います

4

2 に答える 2

1 
$.get('URL',function(data){
  //data should be DELL,39000 osv
  var items = data.split("\n");
  items.forEach(function(item){
    item = item.split(',');
    var option = $("<option></option>").text(item[0]).val(item[1]);
    $("sub_item").append(option);
  });
});

「URL」を自分の URL に変更します。

テストされていませんが、動作するはずです。

于 2012-08-23T06:19:28.143 に答える
1

これを入力と仮定すると、単なる文字列

サーバーは文字列で応答しますDELL,39000 # HP,32000(ここで # は 2 番目の項目を表します。)

それをjavascriptの変数に割り当てます

var data = response.split( "#"); // Splits the items

for( i=0; i < data.length; i++){
  $('#sub_item').append( '<option value='+data[i].split(",")[0]+'>'+data[i].split(",")[1]+'</option>');
}

これにより、サーバーからの応答とともにデータが sub_item 選択ボックスに追加されます。

ドロッドダウンをクリアするには

$'#sub_item').html('');
于 2012-08-23T06:15:46.827 に答える