[英]How to store data and assign select options based on another select value?
我首先选择了多个选项,然后再选择一个:
<select class="form-control" id="select1">
<option value="">Choose</option>
<option value="1">select1_option1</option>
<option value="2">select1_option2</option>
...
<select class="form-control" id="select2">
<option value="">Choose</option>
...
select2
中的可用选项取决于select1
所选值。
数据可以以下格式存储(或其他任何格式,但应将其最小化):
var select2data = {1:{11:"select2_option1",12:"select2_option2",13:"select2_option3",14:"select2_option4"},
2:{21:"select2_option1",22:"select2_option2"}};
因此,如果在第一个选择中选择了值1
,则select2
应该如下所示:
<select class="form-control" id="select2">
<option value="">Choose</option>
<option value="11">select2_option1</option>
<option value="12">select2_option2</option>
...
我知道如何为select2
分配新值,但我不了解如何读取select2data
值-请参阅jsfiddle 。
您必须这样做:
$('#select2')
.find('option')
.remove()
.end()
$.each(select2data[value], function (index, item) {
console.log(item)
$('#select2').append('<option value="' + index + '">' + item + '</option>')
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.