根据JS中的其他DropDownList选择填充DropDown List选项

Question

我正在努力添加搜索面板..我必须根据最低和最高价格填充项目。我的页面前视图是

如果我选择最小价格值为100,000意味着最高价格必须显示＆gt; = 150,000（它必须只显示150,000和200,000）..

如果我选择最低价格值是150,000意味着最高价格必须显示＆gt; = 200,000（它必须只显示200,000）..等等。

如何在JavaScript中执行此功能。

Answer 1

当您从一个dd中选择项目时，您应检测下一个dd中与相应条件不匹配的项目。 我不知道你的dd标记是什么，但通常它应该是这样的。

让minDD是您的最低价格下拉，maxDD是最高价格下降

//add event listeners
    for(var i=0;i<minDD.children.length;i++){
        $(minDD.children[i]).click(function(){
             setLimits(maxDD,this.innerHTML,'min');  
         })
    }
  for(var i=0;i<maxDD.children.length;i++){
         $(maxDD.children[i]).click(function(){
             setLimits(minDD,this.innerHTML,'max');  
         })
    }

//method removes unwanted items     

      function setLimits(node, val, indicator) {
            if (indicator == 'min') {
                for (var i = 0; i < node.children.length; i++) {

                    if (node.childen[i].innerHTML < val)
                        node.removeChild(node.childen[i]);
                }
            }
            if (indicator == 'max') {
                for (var i = 0; i < node.children.length; i++) {

                    if (node.childen[i].innerHTML > val)
                        node.removeChild(node.childen[i]);
                }
            }

    }