js如何获取下拉框选中项的文本？

1、双击打开HBuilder编辑工具，新建静态页面并引入AngularJS核心文件。

2、在插入一个div标签元素，然后在div标签内插入select标签元素。

3、调用AngularJS中的module和controller，初始化下拉框的值。

4、利用ID选择器设置下拉框的样式布局，设置宽度、高度、字体属性、圆角和背景渐变。

5、在select标签元素上添加ng-change事件，获取下拉框选中时的文本内容。

现在有一个Id为AreaId的下拉框，要获取它当前选择项的文本和值有以下方法：

方法一：使用JavaScript原生态的方法.

1.获取值：

var  obj=document.getElementById("AreaId");

         for (i=0;i

            if (obj[i].selected== true ) {

            var text=obj[i].value;//获取当前选择项的 值 .

}

}

2.获取文本：

    for (i=0;i

            if (obj[i].selected== true ) {

            var text=obj[i].text;//获取当前选择项的文本.

}

}

方法二：使用JQuery方法(前提是已经加载了jquery库).

1.获取值：

2.获取文本：

var o = $('#first option:selected');
$('#second option:eq(0)').before(''+o.text()+'')