Javascript 如何在选择其他下拉选项时从1下拉列表中添加/删除选择选项
假设我有两个下拉列表。我的要求是,在第一个下拉列表中选择一个选项时,该选项应该从其他下拉列表中删除,在第一个下拉列表中取消选择该选项时,该选项应该可以在其他下拉列表中选择。我编写了以下JavaScript来解决上述问题,只需在此处为下拉列表提供一个类似“重要性”的公共类,并使用以下代码:Javascript 如何在选择其他下拉选项时从1下拉列表中添加/删除选择选项,javascript,html,salesforce,option,dropdown,Javascript,Html,Salesforce,Option,Dropdown,假设我有两个下拉列表。我的要求是,在第一个下拉列表中选择一个选项时,该选项应该从其他下拉列表中删除,在第一个下拉列表中取消选择该选项时,该选项应该可以在其他下拉列表中选择。我编写了以下JavaScript来解决上述问题,只需在此处为下拉列表提供一个类似“重要性”的公共类,并使用以下代码: var j$importance = j$(".importance"); j$importance.on("change", function () {
var j$importance = j$(".importance");
j$importance.on("change", function () {
var select = this,
selected = j$("option:selected", this).text();
var currentUnselectedValues = [];
j$('option', this).each(function() {
currentUnselectedValues.push( j$(this).text());
});
j$importance.each(function (_, el) {
for(i=0; i<currentUnselectedValues.length; i++){
var exist = false;
j$('option', el).each(function(_, elm) {
if(currentUnselectedValues[i] === j$(elm).text()){
exist = true;
}
});
if(exist === false){
j$(el).append('<option value="' + currentUnselectedValues[i] + '">' + currentUnselectedValues[i] + '</option>');
}
}
if (el !== select) {
j$("option", el).each(function (_, el) {
var j$el = j$(el);
if (j$el.text() === selected && j$el.text() != '--None--') {
j$el.remove();
}
});
}
});
});
var j$重要性=j$(“.importance”);
j$重要性。关于(“变更”,功能(){
var select=this,
selected=j$(“选项:selected”,this).text();
var currentUnselectedValues=[];
j$('option',this).each(函数(){
currentUnselectedValues.push(j$(this.text());
});
j$重要性。每个(功能(el){
对于(i=0;i将所有链接的选项设置为类似的id,如“option_1_left”和“option_1_right”。在select上的onchange事件中,使用下拉列表的.selectedIndex获取正确的选项。(或者改为使用选项上的onclick处理程序并使用event.target)。获得所选选项后,获取其id,将“left”替换为“right”。然后,您将获得应从其他下拉列表中删除的选项的id。