如何从 Javascript 访问表单下拉列表答案

【问题标题】：How to access a form drop down from Javascript如何从 Javascript 访问表单下拉列表
【发布时间】：2009-12-02 01:02:31
【问题描述】：

有没有办法使用 JavaScript 访问下拉选项文本？

例如，我可以通过以下方式访问该值：

document.getElementById("transFrom").value;

但我想要选项标签之间的文本。

这是下拉表单的 HTML：

  <select name="transFrom" id="transFrom" style="width: 300px;" tabindex="1"  onfocus="return validate_field(this)" onchange="return validate_field(this)">
          <option value="">Select An Account</option>
          <option value="S">Savings</option>
          <option value="C">Checking</option>
          <option value="M">Money Market</option>
    </select>

【问题讨论】：

标签： javascript html drop-down-menu

【解决方案1】：

试试

document.getElementById("transFrom").options[document.getElementById("transFrom").selectedIndex].text

【讨论】：

【解决方案2】：

如果你有兴趣，你可以使用 jQuery：

$('#transFrom').val();

http://docs.jquery.com/Attributes/val

我（以及成千上万的其他人）发现 jQuery 对于许多简单和复杂的 javascript 调用/函数都非常有用。对于您获得的好处而言，这是一个相当小的包含文件。

【讨论】：