Javascript 从上一个选择框更改相同项目时禁用项目
我有两个选择组合框,其中有相同的项目 我想做的是,当我从第一个组合框中选择任何项目时,第二个组合框中应该禁用具有相同值的项目 这是我想要的图像: 我使用过的图书馆是: 我的代码是:Javascript 从上一个选择框更改相同项目时禁用项目,javascript,jquery,combobox,html.dropdownlistfor,Javascript,Jquery,Combobox,Html.dropdownlistfor,我有两个选择组合框,其中有相同的项目 我想做的是,当我从第一个组合框中选择任何项目时,第二个组合框中应该禁用具有相同值的项目 这是我想要的图像: 我使用过的图书馆是: 我的代码是: $("#select_first").dropdownchecklist({maxDropHeight: 150, onComplete: function(selector) { var values = "";
$("#select_first").dropdownchecklist({maxDropHeight: 150,
onComplete: function(selector) {
var values = "";
for( i=0; i < selector.options.length; i++ ) {
if (selector.options[i].selected && (selector.options[i].value != "")) {
$("#select_second").children('option').each(function() {
if ( $(this).val() === selector.options[i].value ) {
$(this).attr('disabled', true).siblings().removeAttr('disabled');
}
});
}
}
}
});
我的jsfiddle同样是
请在此添加解决方案
如果有,请给出解决方案。
非常感谢。看看这个
HTML
JAVASCRIPT
function fix(dis,elem)
{
var value = dis.options[dis.selectedIndex].text;
var ele = document.getElementById(elem);
for(var i=0;i<ele.options.length;i++)
{
if(ele.options[i].text == value)
{
ele.options[i].style.display="none";
}
else
ele.options[i].style.display="block";
}
}
function set(dis)
{
var ele = document.getElementsByTagName('input');
for(var i=0;i<ele.length;i++)
{
if(ele[i].getAttribute('type')=='checkbox')
{
if(ele[i].value == dis.value)
{
if(ele[i].disabled)
ele[i].disabled = false;
else
ele[i].disabled = true;
}
}
}
dis.disabled = false;
}
根据您的代码,您仅禁用了