Question

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

我已经尝试了一切，但没有运气。任何人都可以指出我正确的方向吗？

谢谢！

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;

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

我不能说哪个是大多数跨浏览器兼容的副手，但如果第一个不起作用，只需尝试另外两个。

Answer 2

这适用于我在Firefox＆amp; 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>

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

2 个答案: