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

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

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

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

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

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

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

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

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

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

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

document.getElementById("gstartyear")获取的仅仅是下拉列表这个对象
var objYear=document.getElementById("gstartyear");
var theYear=objYear.options[objYear.selectedIndex].value;
这样才是获取的这个下拉列表中选中的项的值。另外需要为下拉列表设置id属性且id值不需要[],例如

$yearhtml

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

select有个name属性,它放在form里的时候可以直接引用