Javascript和表单获取选择选项的值

如何使用Javascript获取此表单选择中选项的值

我知道我可以使用：

document.customerInfo.cardType.selectedIndex==4

但这对我不起作用。我已经30多岁了，我真的不想写那么多代码。不管怎样，我能得到期权的价值吗

<form id="teamSelect"><select name="team">
    <option value="TEN">Tennessee</option>
    <option value="GB">Green Bay</option>
    </select>
    <input type="button" value="submit" onclick="games();"/>
    </form>

田纳西州
绿湾

将ID添加到您的选择中：

<select name="team" id="team">

---

这将返回

TEN

，

GB

，等等。

获取对表单的引用：

var form = document.getElementById('teamSelect');

或

或者，如果表单的名称与其id相同：

var form = document.teamSelect;

然后迭代其元素集合：

var elements = form.elements;
for (var i=0, iLen=elements.length; i<iLen; i++ ) {
  // elements[i] is a form control, get its value and
  // do whatever
}

---

元素已经有了名称，因此可以引用为：

document.forms['teamSelect'].team

@RobG:true，但我讨厌DOM级别0，所以我选择了DOM级别1解决方案。

var form = document.teamSelect;

var elements = form.elements;
for (var i=0, iLen=elements.length; i<iLen; i++ ) {
  // elements[i] is a form control, get its value and
  // do whatever
}

function getSelectValue(select) {

  var idx = select.selectedIndex;

  // If one has been selected, return its value or text
  if (idx >=0) {
     return select.options[idx].value || select.options[idx].text

  // Otherwise none are selected - return empty string?
  } else {
     return '';
  }
}