使用AJAX修改HTML选择元素的值

在我的页面中将有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
惠普，32000

jQuery应该将这些值添加到子项选择框中，以便将其更改为

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

戴尔
惠普

问题：我无法编码如何添加/重置子项的选择控件

---

我没有任何代码可以共享。如果您想要我的SQL或JAVA代码，我可以发布它，但我认为后端与jQuery修改子项的值无关

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

您的服务器将用字符串

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>');
}

$.get（'URL'，函数（数据）{
//数据应为戴尔39000 osv
var items=data.split（“\n”）；
items.forEach（功能（项目）{
item=item.split（'，'）；
var option=$（“”）。text（项[0]）。val（项[1]）；
$（“分项”）。附加（可选）；
});
});

将“URL”更改为您的URL

---

没有经过测试，但应该有效。

我不太明白你的问题。是否只想将项目添加到子项目选择框？您可以找到解决方案，然后还可以选中、、。此外，请在发布前彻底搜索。。

$'#sub_item').html('');

$.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);
  });
});