本文介绍了如何使用JavaScript获取下拉框被选中的值，对于单选下拉列表，可以直接使用value属性获取选中项的value值，多选下拉框则需要通过获取对象数组并循环判断option选项的selected属性来获取选中项的值，文章还涉及了如何在HTML中创建下拉框并使用JS设置默认值的方法，以及如何通过DOM操作在AngularJS中获取下拉框选中时的文本内容。
js获取多选框被选中的值(js获取选中的单选按钮)
利用name属性值获取checkbox对象，然后循环判断checked属性，true表示被选中，false表示未选中。首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。
对于单选下拉列表，value属性可以直接获取其选中项的value值。
创建一个名称为 type_button 的html文件 。添加2个button按钮，一个button在点击事件中加入自定义函数 mytype_button，另一个button设置id和type属性值为“button”。添加一p标签，设置id 为 showtype_button。在javascript中创建一个自定义函数 mytype_button。
单选radio和多选checkbox，获取它们的值最好还是用一个公共变量如state来保存，因为它们的值只能在触发事件中获取，不像text控件可以后期提交时获取。初始值可以通过 defaultChecked={true} 来设置。radio例子：如果是checkbox，用div包住不合适，因为div每次点击只能获取点击一次的值。
radio 类型：值为字符串。HTML 示例：单选按钮 id 为 male 或 female，通过 JavaScript 获取值。HTML js let val = document.getElementById(male).checked ？ male ： female值类型为 String，为 male 或 female。 number 类型：值为数字。
js怎么能取得多选下拉框选中的多个值?
方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。
首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。要运行后网页界面如此显示下拉框。接下来我们按照图示代码用js来获取被选中的值。首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。
首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。要运行后网页界面如此显示下拉框。接下来我们按照图示代码用js来获取被选中的值。首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。当然，如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。
若要获取特定下拉框的第i个选项的值，可以使用此代码：document.getElementById(你的id).options[第i个].value；。这个值通常是用于服务器端处理的数据。
var taxText = myselect.options[myIndex].text； // 获取当前索引对应的option选项文本框内容值 在JS中更改展示option选项方法：传入你想展示的选项对应的value值即可。(#tax1).val(value)； // 选中下拉列表，给其传option选项value值，就会展示该value值对应索引的内容值。
用js怎样获得下拉框的值?
首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。要运行后网页界面如此显示下拉框。接下来我们按照图示代码用js来获取被选中的值。首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。当然，如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。
要获取特定下拉框的第i个选项的显示值，可以使用如下代码：document.getElementById(你的id).options[第i个].text；。这里的“你的id”是下拉框的ID，第i个指代的是你需要获取的选项在下拉框中的位置。
对于单选下拉列表，value属性可以直接获取其选中项的value值。
方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。
首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。要运行后网页界面如此显示下拉框。接下来我们按照图示代码用js来获取被选中的值。首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。
用javascript怎么取下拉列表的值
对于单选下拉列表，value属性可以直接获取其选中项的value值。
在JavaScript中，通过DOM操作可以轻松获取或设置下拉框（标签）的选项。以下是一些基本的示例代码，展示如何获取或设置下拉框的选项值：要获取特定下拉框的第i个选项的显示值，可以使用如下代码：document.getElementById(你的id).options[第i个].text；。
打开vscode，创建一个H5规范的页面，用于演示js如何给下拉框设置默认值。在页面中添加一个下拉框，并在html中通过selected属性，默认选择下拉框的第2个值。在浏览器中打开页面，就可以看到这个下拉框默认选中的第二个下拉值。
在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i].innerText 方式获取当前所选中的文本值。
首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。要运行后网页界面如此显示下拉框。接下来我们按照图示代码用js来获取被选中的值。首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。当然，如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。
方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。
js如何获取下拉框选中项的文本
1、双击打开HBuilder编辑工具，新建静态页面并引入AngularJS核心文件。在body/body插入一个div标签元素，然后在div标签内插入select标签元素。调用AngularJS中的module和controller，初始化下拉框的值。利用ID选择器设置下拉框的样式布局，设置宽度、高度、字体属性、圆角和背景渐变。在select标签元素上添加ng-change事件，获取下拉框选中时的文本内容。
2、若要获取特定下拉框的第i个选项的值，可以使用此代码：document.getElementById(你的id).options[第i个].value；。这个值通常是用于服务器端处理的数据。
3、在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i].innerText 方式获取当前所选中的文本值。
