如何从 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