使用javascript获取下拉框值?

时间:2011-11-26 17:35:17

标签: javascript html drop-down-menu

我正在尝试获取当前所选的值,我只想提醒它。

我目前有这个:

<script type="text/javascript">

alert(forms.elements('sets').value);

</script>

HTML:

<form>
<select name="sets">
  <option value="1">1 Set</option>
  <option value="2">2 Sets</option>
  <option value="F">3 Sets</option>
</select>
</form>

2 个答案:

答案 0 :(得分:3)

没有身份证明的表格:

var val = document.forms[0].sets.value - 页面上的第一个表单

命名表单(表单名称=“myForm”) - 不会在某些文档类型中验证:

var val = document.myForm.sets.value;

带ID的表单(表单id =“myForm”):

var val = document.getElementById("myForm").sets.value;

长版:

var sets = document.myForm.sets;
var val = sets.options[sets.selectedIndex].value;

没有表格 - 选择中没有ID:

var val = document.getElementsByName("sets")[0].value; - 页面上具有该名称的第一个字段

选择ID(选择id =“sets”)

var val = document.getElementById("sets").value;


alert(val);

答案 1 :(得分:0)

试试这个:

<form>
<select name="sets">
  <option value="1">1 Set</option>
  <option value="2">2 Sets</option>
  <option value="F">3 Sets</option>
</select>
</form>

<script type="text/javascript">
    var select = document.getElementsByName('sets')[0];
    alert(select.value);
</script>