根据 JS 中的其他 DropDownList 选择填充 DropDownList 选项 [关闭]

Question

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

如果我选择最低价格值为 100,000 意味着最高价格必须显示 >=150,000（它必须仅显示 150,000 和 200,000）。

如果我选择最低价格值为 150,000 意味着最高价格必须显示 >=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]);
                }
            }

    }