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

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 2 年前。

Improve this question

我正在努力添加搜索面板。在这里，我必须根据最低和最高价格填充商品。我的页面前 View 是:

这里，如果我选择的最低价格值为 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]);
                }
            }

    }