Javascript 如何在选择其他下拉选项时从1下拉列表中添加/删除选择选项

Javascript 如何在选择其他下拉选项时从1下拉列表中添加/删除选择选项,javascript,html,salesforce,option,dropdown,Javascript,Html,Salesforce,Option,Dropdown,假设我有两个下拉列表。我的要求是,在第一个下拉列表中选择一个选项时,该选项应该从其他下拉列表中删除,在第一个下拉列表中取消选择该选项时,该选项应该可以在其他下拉列表中选择。我编写了以下JavaScript来解决上述问题,只需在此处为下拉列表提供一个类似“重要性”的公共类,并使用以下代码: var j$importance = j$(".importance"); j$importance.on("change", function () {

假设我有两个下拉列表。我的要求是,在第一个下拉列表中选择一个选项时,该选项应该从其他下拉列表中删除,在第一个下拉列表中取消选择该选项时,该选项应该可以在其他下拉列表中选择。

我编写了以下JavaScript来解决上述问题,只需在此处为下拉列表提供一个类似“重要性”的公共类,并使用以下代码:

            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。