如何获取值而不是选中的文本。但是＆lt;值=东西＆GT;

Question

<select id="bethorse">
  <option value="horse1">White</option>
  <option value="horse2">Blue</option>
  <option value="horse3">Green</option>
  <option value="horse4">Brown</option>
</select>

搜索了但是答案是针对所选文本的，我使用了这段代码bethorse= document.getElementById('bethorse').value;。它给了我测试的位置数。例如，horse4的值为3，就像在数组中一样。

Answer 1

var e = document.getElementById("bethorse");
var option = e.options[e.selectedIndex].value;

变量option将保留所选选项的值。

Answer 2

您的代码在此示例中正常运行：

＆＃13;

＆＃13;

<select id="bethorse">
      <option value="horse1">White</option>
      <option value="horse2">Blue</option>
      <option value="horse3">Green</option>
      <option value="horse4">Brown</option>
    </select>

<button onclick="javascript:alert(document.getElementById('bethorse').value);">
    test
</button>

＆＃13;

＆＃13;

＆＃13;