用js怎样获得下拉框的值?

这是我的html中的select部分:
<td align="right">在职时间:</td>
<td>
<select name="gstartyear[]">
$yearhtml
</select> 年
<select name="gstartmonth[]">
$monthhtml
</select> 月 ~
<select name="gendyear[]">
<option value="">现在</option>
$yearhtml
</select> 年
<select name="gendmonth[]" onblur="judgeDate()">
<option value=""></option>
$monthhtml
</select>月
 <span id="time"> </span></td>
</tr>
我的在javascript中应该怎么写函数才能获得所选年和月的值?
var date1 = document.getElementById("year");
var date2 = document.getElementById("year1");
我这样写输出date1和date2为什么都是没有对象?

1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。

2、要运行后网页界面如此显示下拉框。

3、接下来我们按照图示代码用js来获取被选中的值。

4、首先我们通过selectedIndex来获得被选中的下标,再通过下标来获得值。

5、当然,如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-06-10

1、首先看一下我们的html代码,主要是通过两个下拉框选择控件和一个按钮。请注意,我们的下拉框有一个id。

2、需要使用jquery来方便操作,所以首先介绍Jquery脚本文件。

3、然后编写JS逻辑并在单击按钮时触发下拉框的值。使用Jquery获取多个选择下拉框的值,主要通过id获取不同的下拉框。因此,无论有多少个下拉框,您都可以单独获取值。代码如图所示。

4、运行该页面,可以看到由两个下拉框选中的值,单击“获取”按钮。

5、点击后,我们通过JS的逻辑得到两个下拉框的值。

本回答被网友采纳
第2个回答  推荐于2017-09-09
document.getElementById("gstartyear")获取的仅仅是下拉列表这个对象
var objYear=document.getElementById("gstartyear");
var theYear=objYear.options[objYear.selectedIndex].value;
这样才是获取的这个下拉列表中选中的项的值。另外需要为下拉列表设置id属性且id值不需要[],例如
<select name="gstartyear" id="gstartyear">
$yearhtml
</select>本回答被提问者采纳
第3个回答  推荐于2017-09-23
首先,select是有value和text两种值的,前者是表单提交值,后者是显示值。
假设要获取的下拉框的id是s_id1,则
1、获取选中的value:
document.getElementById(‘s_id1’).options[document.getElementById(‘s_id1’).selectedIndex].value
2、获取选中的显示值:
document.getElementByIdx(‘s_id1’).options[document.getElementById(‘s_id1’).selectedIndex].text
3、另外 获取选中项的索引:
document.getElementById(‘s_id1’).selectedIndex
注意:select必须得有id属性,才能采用getElementById获取该控件。
第4个回答  2011-04-01
select有个name属性,它放在form里的时候可以直接引用
<form name="f1">
<select name="gstartyear">
$yearhtml
</select>
</form>
比如这个select,要引用它就用 document.f1.gstartyear
它的值就是document.f1.gstartyear.value
如果不放在form里,就用
document.getElementsByName("gstartyear")[0].value
注意getElementsByName这个方法获取到的是一个数组,同getElementsByTagName是一样的
相似回答