0

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

对于单选选项和复选框选项，我使用以下代码： <a href="#" onclick="document.getElementById('RAL1').checked=true">1001</a> 效果很好。RAL1 是我要检查的收音机的 ID。使用选择，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>

我几乎尝试了所有方法，但没有运气。谁能指出我正确的方向？

谢谢！

4

2 回答 2

0

几乎每个浏览器都支持以下语句来获取选定的值（"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;

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

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

于 2009-11-02T08:23:16.980 回答
0

这在 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>
于 2009-11-02T08:58:15.430 回答