Javascript：将HTML <select>存储为变量？</select>

Question

HTML：

      <select id="selected2">
          <option selected>1</option>
          <option>2</option>
          <option>3</option>
      </select>

我尝试在JavaScript中使用此代码：

  

var dataCap = document.getElementById（“selected2”）;

     

var userSelect = dataCap.options [dataCap.selectedIndex] .text;

但是控制台说：“TypeError：dataCap为null”

Answer 1

您需要为每个选项设置一个值：

<select id="selected2">
      <option selected value=""></option>
      <option value="2">2</option>
      <option value="3">3</option>
  </select>

标签之间的文本仅供用户查看，但不会返回值。

此外，您的javascript变量应为：

var dataCap = document.getElementById("selected2").value;

我将.value添加到最后，以便知道获取值。