Javascript 如何组织显示Div和结束

您好，我在这段代码上工作了很长时间，有HTML代码和JavaScript。 这是我的HTML代码

<div id="showDiv" style="display:none;" class"answer_radio" > <tr>
<td><input type="radio" name="inputC[0]" value="1" /> 1</td>
<td><input type="radio" name="inputC[0]" value="2" /> 2</td>
 <td><input type="radio" name="inputC[0]" value="3" /> 3</td>
</tr></div>
<div id="placeDiv" style="display:none;" class"answer_radio" > <tr>
<td><input type="radio" name="inputC[0]" value="4" /> 4</td>
<td><input type="radio" name="inputC[0]" value="5" /> 5</td>
<td><input type="radio" name="inputC[0]" value="6" /> 6</td>
</tr></div>
<select id="car" value="Show Div" >
<option value="volvo" name="volvo" onclick="showDiv()">Volvo</option>
<option value="saab" name="saab" onclick="placeDiv()">Saab</option>
<option value="opel">Opel</option>
<option value="audi" >Audi</option>

正如您可以看到的，如果您运行该代码，它将显示带有汽车的下拉列表。 如果单击“沃尔沃”，则将显示“1,2,3”单选按钮。 如果单击“萨博”，则将显示“4,5,6”单选按钮。 但这是我的问题。。。 如果我先单击“沃尔沃”，然后单击“萨博”，那么将显示所有6个单选按钮。 但我想如果我点击“沃尔沃”，然后点击“萨博”，如果有人明白的话，只显示3个单选按钮。。。 我只需要显示“1,2,3”或“4,5,6”单选按钮。

---

这不是完整的代码，我将为其他车辆执行此操作…

也许这会有所帮助？这并不是一种很好的编码技术，因为它会导致大量的代码重复，尤其是当您添加更多的汽车时

function showDiv() {
   document.getElementById('showDiv').style.display = "block"; 
   document.getElementById('placeDiv').style.display = "none"; 
}
function placeDiv() {
   document.getElementById('placeDiv').style.display = "block";
   document.getElementById('showDiv').style.display = "none"; 
}

---

也许这会有帮助？这并不是一种很好的编码技术，因为它会导致大量的代码重复，尤其是当您添加更多的汽车时

function showDiv() {
   document.getElementById('showDiv').style.display = "block"; 
   document.getElementById('placeDiv').style.display = "none"; 
}
function placeDiv() {
   document.getElementById('placeDiv').style.display = "block";
   document.getElementById('showDiv').style.display = "none"; 
}

---

也许这会有帮助？这并不是一种很好的编码技术，因为它会导致大量的代码重复，尤其是当您添加更多的汽车时

function showDiv() {
   document.getElementById('showDiv').style.display = "block"; 
   document.getElementById('placeDiv').style.display = "none"; 
}
function placeDiv() {
   document.getElementById('placeDiv').style.display = "block";
   document.getElementById('showDiv').style.display = "none"; 
}

---

也许这会有帮助？这并不是一种很好的编码技术，因为它会导致大量的代码重复，尤其是当您添加更多的汽车时

function showDiv() {
   document.getElementById('showDiv').style.display = "block"; 
   document.getElementById('placeDiv').style.display = "none"; 
}
function placeDiv() {
   document.getElementById('placeDiv').style.display = "block";
   document.getElementById('showDiv').style.display = "none"; 
}

---

隐藏所有单选按钮，然后才能显示正确的单选按钮

[].slice.call(document.querySelectorAll('input[type="radio"]')).forEach(function (elem, index) {
   elem.style.display = "none";
});

---

隐藏所有单选按钮，然后才能显示正确的单选按钮

[].slice.call(document.querySelectorAll('input[type="radio"]')).forEach(function (elem, index) {
   elem.style.display = "none";
});

---

隐藏所有单选按钮，然后才能显示正确的单选按钮

[].slice.call(document.querySelectorAll('input[type="radio"]')).forEach(function (elem, index) {
   elem.style.display = "none";
});

---

隐藏所有单选按钮，然后才能显示正确的单选按钮

[].slice.call(document.querySelectorAll('input[type="radio"]')).forEach(function (elem, index) {
   elem.style.display = "none";
});

---

最后非常感谢你！！我使用了和你写的相同的代码，但是我忘了设置一些“'”非常感谢！！！隐藏之前的所有内容，然后再显示相关内容可能是一种更好的方法，请参见最后一篇！非常感谢你！！我使用了和你写的相同的代码，但是我忘了设置一些“'”非常感谢！！！隐藏之前的所有内容，然后再显示相关内容可能是一种更好的方法，请参见最后一篇！非常感谢你！！我使用了和你写的相同的代码，但是我忘了设置一些“'”非常感谢！！！隐藏之前的所有内容，然后再显示相关内容可能是一种更好的方法，请参见最后一篇！非常感谢你！！我使用了和你写的相同的代码，但是我忘了设置一些“'”非常感谢！！！隐藏之前的所有内容，在显示相关内容之前，可能是一个更好的方法，请参见同意该概念，尽管OP需要JavaScript解决方案，因此被难住：）同意该概念，尽管OP需要JavaScript解决方案，因此被难住：）同意该概念，尽管OP需要JavaScript解决方案，因此被难住了：）同意这个概念，但是因为OP需要JavaScript解决方案，所以被难住了：）请不要删除这个问题-没有问题的答案没有任何意义。谢谢你，在这段代码之后，我继续更改，谢谢你的回答。我对代码做了一点修改，现在开始工作了。但毕竟我以前用过代码，但我忘了写一些“：）。请不要删除这个问题-没有问题的答案毫无意义。谢谢你，代码修改后我继续修改，谢谢你的回答。我对代码做了一点修改，现在开始工作了。但毕竟我以前用过代码，但我忘了写一些“：）。请不要删除这个问题-没有问题的答案毫无意义。谢谢你，代码修改后我继续修改，谢谢你的回答。我对代码做了一点修改，现在开始工作了。但毕竟我以前用过代码，但我忘了写一些“：）。请不要删除这个问题-没有问题的答案毫无意义。谢谢你，代码修改后我继续修改，我对代码做了一点修改，现在开始工作。但毕竟我以前用过那个代码，但我忘了写一些'：）。