在Javascript中基于两个选项条件显示/隐藏div

我希望根据两个选择框的组合显示/隐藏元素。当为选择值时，我尝试了以下方法。例如，当我们选择可选的in和spare时，结果就是显示的spare in id

<select id="test1">
  <option value="in">in</option>
  <option value="out">out</option>
</select>

<select id="test2">
  <option value="spare">Spare</option>
  <option value="faulty">Faulty</option>
  <option value="rma">RMA</option>
</select>

<div id="in spare" >
   spare-in id is ...
</div>
<div id="in faulty" >
   rma-in id is ...
</div>
<div id="out spare" >
   spare-out id is ...
</div>
<div id="out rma" >
   rma-out id is ...
</div>

---

请尝试此操作。您也可以使用下拉列表的onchange事件而不是submit按钮来尝试此操作

$submit\u btn.onclick，函数{ var data=$test1选项：selected.val； var data1=$test2选项：selected.val； ifdata==输入&&data1==备用 { $inspare.show； } }; 像这样试试

HTML将不允许您添加2个id。相反，它会被视为单个ID，即使它之间有空格。

所以，在我的解决方案中，我用类替换了您的id

$select.changefunction{ var test1=$test1.val； var test2=$test2.val； $.in、.out.hide； $.+test1+.+test2.show； }; .备用，.故障，.rma{ 显示：无 } 在里面 出来 不用的 有错误的 军事革命 备用id是。。。 id中的错误是。。。 id中的rma是。。。 备用id是。。。 我的身份证是。。。 rma输出id是。。。 函数onchnagefunction { var test1value=$'test1'.val； var test2value=$'test2'.val； document.getElementByIdtest1value++test2value.style.display=block； } $document.readyFunction{ $div.hide； onchnagefunction； $'test1'。关于'change'，函数{ $div.hide； onchnagefunction； }; $'test2'。关于'change'，函数{ $div.hide； onchnagefunction； }; }; 在里面 出来 不用的 有错误的 军事革命 备用id是。。。 id中的rma是。。。 备用id是。。。 rma输出id是。。。

---

PHP与此有什么关系？@NikunjKathrotiya。看到这个多重ID对于同一个元素是不允许看到我的例子，它的工作不是多ID，它是两个词之间的空间，不是2个ID，它会被认为是单一的ID。它现在可能为你工作的一小部分代码。这不是正确的方法。请用谷歌搜索一下。再次阅读问题并查看html代码什么是我们当前的要求。使用inspare作为您的第一个id。为什么您要调用一次更改3次，而不是仅使用select元素调用一次？我不理解您的评论，为什么要否决我的答案给我一个适当的理由@syedmohamedaladense我的答案我已经完成了只要一次改变。考虑到加载时间，您已经做了3次不需要的更改。@SyedMohamedAladeen您知道id和类的不同，我想您不理解id和类的基本概念运行您的代码段和我的代码段。然后您将感受到运行时的差异。