如何存储数据并根据另一个选择值分配选择选项
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>')
})
小提琴演示:
http://jsfiddle.net/4ujs6jf9/3/
相关文章:
- 我有多个复选框,并希望为其中 2 个制定规则,以便如果我选择 1 个,则无法选择另一个
- 从另一个日期选择器中选择另一个值后,获取日期选择器的起始值
- 在mvc4中选择另一个复选框时禁用复选框
- 如何在选择另一个列表框值时清除列表框值
- 在包含两个的Javascript数组中选择另一个元素
- 单击时更改表单选择选项并选择另一个选项
- 选择另一个单选按钮字段时重置单选按钮字段的最佳方法
- 带有数字的 Jquery 幻灯片 - 帮助让数字链接保持颜色,直到选择另一个链接
- 在 Angular JS 中选择另一个输入字段时禁用输入字段
- 选择另一个下拉列表时,Meteor 会动态筛选下拉列表
- 当使用 JQuery 和 ajax post 在表单中选择另一个下拉列表时更改下拉列表值
- 选择另一个对象应触发“之前:选择:清除”事件
- 在选择另一个选择字段时创建动态选择字段
- 使用javascript选择另一个选项后,循环隐藏选项不起作用
- 在Raphael中悬停时选择另一个路径对象
- Jquery在选择另一个图像时隐藏标题-包括jsFiddle
- AngularJS:如何在选择另一个跨度时取消选择跨度
- 为什么当我选择另一个文件并提交时,会发送另一个带有旧文件的请求
- 如何从一个jsp页面中获取选项标签名称来选择另一个jsp页的标签
- 下拉菜单在选择另一个值时没有更新