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

我有两个下拉列表,我要把first选中的添加到second表单中作为第一个,我发现这么做文本获取不到,value值传过去了,哪里写错了?
var currSelect = document.getElementById('first'); //

var cate = document.getElementById('second');
cate.options.add(new Option(currSelect.text, currSelect.value));

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

2、在<body></body>插入一个div标签元素,然后在div标签内插入select标签元素。

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-02-23

现在有一个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.获取文本:

本回答被网友采纳
第2个回答  2015-06-21
var o = $('#first option:selected');
$('#second option:eq(0)').before('<option value=\'+o.prop('value')+\'>'+o.text()+'</option>')

本回答被网友采纳
相似回答