Question

用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为什么都是没有对象？

Answer 1

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

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

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

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

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

Answer 2

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

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

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

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

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

Answer 3

document.getElementById("gstartyear")获取的仅仅是下拉列表这个对象
var objYear=document.getElementById("gstartyear");
var theYear=objYear.options[objYear.selectedIndex].value;
这样才是获取的这个下拉列洞卜绝表中选中的项的值。另外需要纳姿为下拉列表设置id属性且id值不需要[],例如
<select name="gstartyear" id="gstartyear">弊肢
$yearhtml
</select>

Answer 4

首先，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获取该控件。

Answer 5

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是一样的