Jquery 具有相同值的下拉列表集-验证
我有一组四个选择下拉列表(Jquery 具有相同值的下拉列表集-验证,jquery,html,css,bootstrap-select,Jquery,Html,Css,Bootstrap Select,我有一组四个选择下拉列表(bootstrap selectpicker),具有相同的值,一到十个不同的id和名称,例如。[id=“select1”,id=“select2”] 如何验证此下拉列表,以便用户不能选择相同的值。例如,若用户在第一个下拉列表中选择了1,那个么我不想让他在其余的下拉列表中选择1 $("select").change(function() { var value = $(this).val(); //alert(value); $("select").not(this).f
bootstrap selectpicker
),具有相同的值,一到十个不同的id和名称,例如。[id=“select1”,id=“select2”
]
如何验证此下拉列表,以便用户不能选择相同的值。例如,若用户在第一个下拉列表中选择了1,那个么我不想让他在其余的下拉列表中选择1
$("select").change(function() { var value = $(this).val();
//alert(value); $("select").not(this).find("option[value ="+value+"]").attr('disabled',true).selectpicker('refresh'); });
我尝试了上面的代码,但它不起作用。尝试删除该选项:
$("select").click(function() {
var value = $(this).val();
$("select").not(this).find("option[value ="+value+"]").remove(); //.prop('disabled', true);
$("select").not(this).selectpicker('refresh');
});
如果js在第一个下拉列表中选择了“1”,请在其他3个下拉列表中共享html codeDisable元素“1”。有一种方法可以做到这一点。听起来下拉列表的用处不大。使用复选框。您只需从另一个下拉列表中删除所选的值。我正在使用phponly生成下拉列表,您缺少的是点(.)-$(“选择”)选择器选择器(“刷新”);这将删除后续选择选择器中的选项,但如果有人在第一次选择时改变主意,则不会将选项重新添加到中。。。如果我在第一个选择框中选择选项A,则选项2、3和4上的选项A将被禁用。但是如果我在第一个选择中将我的选择更改为B,那么在选择2、3和4时A仍将被禁用。。。(以及B)我必须检查selectpiker文档中的prop方法是否有效,以确定解决方案