使用AJAX修改HTML-select元素的值
使用AJAX修改HTML-select元素的值
提问于 2012-08-23 06:06:37
在我的页面中将有两个复选框项，以及子项。
<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无关。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-08-23 06:19:28
$.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。
没有测试，但应该有效。
Stack Overflow用户
发布于 2012-08-23 06:15:46
假设这是输入，则只是一个普通字符串。
您的服务器将使用字符串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('');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12085650
复制相关文章
相似问题
腾讯云开发者
