js如何获取下拉框选中项的文本?
发布网友
发布时间：2022-04-22 22:17
共3个回答
热心网友
时间：2022-04-07 08:09
1、双击打开HBuilder编辑工具，新建静态页面并引入AngularJS核心文件。
2、在<body></body>插入一个div标签元素，然后在div标签内插入select标签元素。
3、调用AngularJS中的mole和controller，初始化下拉框的值。
4、利用ID选择器设置下拉框的样式布局，设置宽度、高度、字体属性、圆角和背景渐变。
5、在select标签元素上添加ng-change事件，获取下拉框选中时的文本内容。
热心网友
时间：2022-04-07 09:27
现在有一个Id为AreaId的下拉框，要获取它当前选择项的文本和值有以下方法：
方法一：使用JavaScript原生态的方法.
1.获取值：
var obj=document.getElementById("AreaId");
for (i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
if (obj[i].selected== true ) {
var text=obj[i].value;//获取当前选择项的 值 .
}
}
2.获取文本：
for (i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
if (obj[i].selected== true ) {
var text=obj[i].text;//获取当前选择项的文本.
}
}
方法二：使用JQuery方法(前提是已经加载了jquery库).
1.获取值：
2.获取文本：
热心网友
时间：2022-04-07 11:01
$('#second option:eq(0)').before('<option value=\'+o.prop('value')+\'>'+o.text()+'</option>')
