Javascript使用href从选择下拉列表中选择选项

我在一个CMS网站上工作，该网站根据id和值动态创建表单元素。 我需要使用链接从这些表单中选择某些信息

对于收音机选项和复选框选项，我使用以下代码：

这很好用。 RAL1是我要检查的收音机的id。 使用select时，id后面需要有选项，这就是我遇到问题的地方，因为它需要从id中选择一个值

表单创建的代码是

<select id="Zinc_plated_field" class="inputboxattrib" name="Zinc_plated12">
  <option value="no">no</option>
  <option value="yes">yes (+€871.08)</option>
</select>

不
是（+871.08欧元）

我几乎什么都试过了，但运气不好。谁能给我指出正确的方向吗

---

谢谢

几乎每个浏览器都支持以下语句来获取所选值（

“否”

或

“是”

）：

对于非常旧的浏览器，您必须使用：

var sel = document.getElementById('Zinc_plated_field');
sel.options[sel.selectedIndex].value;

---

如果要设置所选值，有几种方法：

document.getElementById('Zinc_plated_field').value = 'yes';

或

或

后两个使用要设置的选项的索引（一个通过设置

元素的

selectedIndex

属性指定选择哪个索引，而另一个将

元素的

selected

属性设置为

true

）

---

我一时说不出哪一个跨浏览器兼容最好，但如果第一个不起作用，那就试试另外两个。

这在Firefox和Safari中对我很有效：

<a href="#" onclick="document.getElementById('Zinc_plated_field').value = 'yes'">yes</a>
<a href="#" onclick="document.getElementById('Zinc_plated_field').value = 'no'">no</a>

---

AFAICS，他想设置值，而不是获取值。第一个setter示例（

.value='yes'

）适用于所有浏览器，而且速度非常快。但是，如果一个

列表中没有匹配的

值

属性，则即使存在匹配的

文本

属性，也会在IE（所有版本）中失败。

document.getElementById('Zinc_plated_field').options[1].selected = true;

document.getElementById('Zinc_plated_field').selectedIndex = 1;

<a href="#" onclick="document.getElementById('Zinc_plated_field').value = 'yes'">yes</a>
<a href="#" onclick="document.getElementById('Zinc_plated_field').value = 'no'">no</a>