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 回答