Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 具有相同值的下拉列表集-验证_Jquery_Html_Css_Bootstrap Select - Fatal编程技术网

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方法是否有效,以确定解决方案