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

Question

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

对于单选选项和复选框选项，我使用以下代码： <a href="#" onclick="document.getElementById('RAL1').checked=true">1001</a>可以正常工作。 RAL1是我要检查的电台ID。 使用select时，需要在选项中添加id，这是Im遇到问题的地方，因为它需要从ID中选择一个值。

表单创建的代码是

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

我已经尝试了几乎所有东西，但是没有运气。 有人能指出我正确的方向吗？

谢谢！

Answer 1

几乎每个浏览器都支持以下语句来获取所选值（ "no"或"yes" ）：

document.getElementById('Zinc_plated_field').value

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

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

---

如果要设置选定的值，可以通过多种方法进行：

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

要么

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

要么

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

后者使用您要设置的选项的索引（一个通过将<select>元素的selectedIndex属性设置来指定选择哪个索引，而另一个则将<option>元素的selected属性设置为true 。）

我不能说哪个是最能跨浏览器兼容的，但是如果第一个不起作用，请尝试另外两个。

Answer 2

这对我在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>