如何在选择其他下拉选项

Question

假设我有2个下拉菜单。我的要求是，在第一个下拉列表中选择一个选项时，应该从其他下拉列表中删除该选项，并从第一个下拉列表中取消选择该选项，该选项应该可用于选择的其他下拉列表中。

Answer 1

我已经编写了以下JavaScript来解决上述问题，只需给你的下拉菜单一个常见的类，例如＆＃34; important＆＃34;在这里使用此代码：

            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();
                            }
                        });
                    }
                });

             });