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

Question

有没有办法使用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>

Answer 1

尝试

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

Answer 2

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

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

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

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