Question

我需要检查是否选择了一个选项，并且对其他选项也会做同样的事情，所以我认为我需要通过id检查它，或者是否选择了来自optgroup的项目。

＆＃13;

<optgroup label="AMD CPU">
<option id="ryzen" value="r3-1300x">Ryzen 3 1300x</option>
<option id="ryzen" value="r3-1300">Ryzen 3 1200</option>
<option id="ryzen" value="r5-1600x">Ryzen 5 1600x</option>
<option id="ryzen" value="r5-1400">Ryzen 5 1400</option>
<option id="ryzen" value="r7-1800x">Ryzen 7 1800x</option>
<option id="ryzen" value="r7-1700">Ryzen 7 1700</option>
</optgroup>

＆＃13;

我需要类似的东西：

＆＃13;

if(docuemnt.getElementById("ryzen") == true{
   alert("amd cpu")

＆＃13;

Answer 1

id属性的值应该是唯一的。如果您想要引用多个元素共享的内容，请使用类。

<select id="amd" label="AMD CPU">
    <option class="ryzen" value="r3-1300x">Ryzen 3 1300x</option>
    <option class="ryzen" value="r3-1300">Ryzen 3 1200</option>
    <option class="ryzen" value="r5-1600x">Ryzen 5 1600x</option>
    <option class="ryzen" value="r5-1400">Ryzen 5 1400</option>
    <option class="ryzen" value="r7-1800x">Ryzen 7 1800x</option>
    <option class="ryzen" value="r7-1700">Ryzen 7 1700</option>
</select>

现在，要确定选择了哪个选项，请执行以下操作：

var select_id = document.getElementById("amd");
var option = select_id.options[select_id.selectedIndex].value;

请注意，您引用了select ID，然后告诉它获取当前在select内选择的选项。

Answer 2

您可能需要检查包含<select>的{{1}}标记的值？检索所选的值没有问题：<optgroup>

<input type="button" value="test" onClick="alert(document.getElementById('ryzen').value)">实际应用于ryzen标记的位置，而不是其中的元素。

您可以测试该值，以确保用户选择了默认选项以外的其他内容。

检查是否通过id选择了一个选项

2 个答案: