根据第一个选择框中选择的内容筛选下一个选择框的值
Filtering next select box's value depending on what is selected in the first select box
>我有选择的框,其中的值通过数组动态附加。现在假设如果我的第一个选择框中有 4 个值,那么我只希望在第二个选择框中包含 3 个值,不包括在第一个选择框中已经选择的值。
现在,第二个选择框中将有 3 个值,如果我选择一个值,那么第三个选择框将只有 2 个值,不包括在第二个选择框中已选择的值,依此类推......
请帮助我应该如何过滤
试试这个
.HTML
<div class="result"></div>
.JS
var array = ['first', 'second', 'third'];
var temp;
new_select();
function new_temp() {
temp = "";
temp += '<option value="null"></option>';
array.forEach(function (entry, index) {
temp += '<option value="' + index + '">' + entry + '</option>';
});
}
function new_select() {
if (array.length > 0) {
new_temp();
$('.result').append('<select class="mine_select">' + temp + '</select>');
$(".mine_select").change(function () {
array.splice($(this).val(), 1);
new_select();
});
}
}
相关文章:
- JQuery DataTable列筛选器-选择下拉筛选器
- 接下来选择与筛选器匹配的选项
- 如何使用 jQuery 筛选器选择器查找表标记 td 值
- Html和javascript<选择>带有筛选的标签
- Javascript(jQuery)… 筛选选择器中文本中的字符
- 如果图元属于嵌套图元,请选择对其进行筛选的图元
- 如何根据其他下拉列表中的选择筛选下拉结果
- 数据表复制,只保存单个多重筛选选择的选定行
- 如何使用用户界面选择组筛选器属性
- 如何创建具有空白选项和未筛选状态的动态选择字段
- Ember.js:如何使用选择帮助程序上的观察者来筛选内容
- 根据第一个选择框中选择的内容筛选下一个选择框的值
- 谷歌图表:无效的列标签 |类别筛选器作为列选择器
- Dojo 筛选选择 - 动态将下拉列表中的特定选项标记为禁用(灰显且不可选择)
- onChange 不会触发筛选选择
- 第二个道场 筛选选择控件 onChange 事件不会被触发
- 使用特殊字符进行选择组筛选
- 数据表仅选择筛选的内容
- 如何从异步调用中填充ng表上的选择筛选器
- AJAX在CodeIgniter中选择筛选