1

在我的页面中会有 2 个选择框 [item, and sub-item]

<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
惠普,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

假设这是输入，只是一个普通的字符串

您的服务器将响应字符串DELL,39000 # HP,32000（这里 # 代表第二项。）

将其分配给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 回答
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);
  });
});

将“网址”更改为您的网址。

未经测试，但应该可以工作。

于 2012-08-23T06:19:28.143 回答