如果不想通过ID获取select的话，可以给function1传递一个参数this，代表的是当前的select对象。然后通过
mySelectoptions[i]text
获取text的值。
我写了个例子，你可以参考一下（此外，你的option的结尾错了，这样可能导致option的数目变成两倍，仔细观察下我的代码与你的区别）
<head>
<script type="text/javascript">
function function1(mySelect){
alert(mySelectoptions[0]text);
}
</script>
</head>
<body>
<Select onChange="function1(this)">
<Option value="1">选项1</Option>
<Option value="2">选项2</Option>
<Select/>
</body>
方法和详细的 *** 作步骤如下：
1、第一步，创建一个新的HTML文件，并将其命名为“indexhtml”，见下图，转到下面的步骤。
2、第二步，执行完上面的 *** 作之后，在indexhtml文件中编写选择框的html代码，以实现选项的效果，见下图，转到下面的步骤。
3、第三步，执行完上面的 *** 作之后，在页面上加载zdjquery-132minjs文件，并编写Jquery代码以获取所有选项的选项值。
通过each（）方法迭代所有选项值，并将其存储在select_con数组中，见下图，转到下面的步骤。
4、第四步，执行完上面的 *** 作之后，使用answer
consolelog（）打印阵列并运行代码以查看阵列的内容，见下图，转到下面的步骤。
5、第五步，执行完上面的 *** 作之后，可以看到该数组已成功获取select中所有option的值，见下图，转到下面的步骤。
6、第六步，执行完上面的 *** 作之后，通过map（）方法获取选项值，并将结果返回到结果变量，见下图，转到下面的步骤。
7、第七步，执行完上面的 *** 作之后，通过get（）方法将获取的对象转换为数组，并将其存储在select_con数组中，见下图。这样，就解决了这个问题了。
那么这个select所有option的集合是：var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合，那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值（和名称）的方式也很简单。比如这个select的有两个option，分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置（即交换值（名称））。
jQuery是控制和 *** 作select详解。
eg：
<select id="test"><option value="1">选项一<option>
<option value="2">选项一<option>
<option value="n">选项N<option>
</select>
所谓jQuery *** 作“select”, 说的更确切一些是应该是jQuery控制 “option”， 看下面的jQuery代码：
//获取第一个option的值
$('#test option:first')val();//最后一个option的值
$('#test option:last')val();//获取第二个option的值
$('#test option:eq(1)')val();//获取选中的值
$('#test')val();$('#test option:selected')val();
//设置值为2的option为选中状态
$(‘#test’)attr(‘value’,’2’);
//设置最后一个option为选中
$('#test option:last')attr('selected','selected');$("#test")attr('value' , $('#test option:last')val());
$("#test")attr('value' , $('#test option')eq($('#test option')length - 1)val());
//获取select的长度
$('#test option')length;//添加一个option
$("#test")append("<option value='n+1'>第N+1项</option>");$("<option value='n+1'>第N+1项</option>")appendTo("#test");
//删除项选中(这里删除第一项)
$('#test option:first')remove();、//指定值被删除
$('#test option')each(function(){if( $(this)val() == '5'){
$(this)remove();
}
});
$('#test option[value=5]')remove();
<!doctype html><html><head><!--获得下拉列表中的选中值--><style></style><script>function test(){var tes=documentgetElementById("tes");//获取select元素alert(tesoptions["内容值："+tesselectedIndex]innerHTML+"元素值"+tesoptions[tesselectedIndex]value);//通过selectedIndex获得选中的选项的下标，再通过options[]集合获取选中的option元素}</script><meta charset="UTF-8"></head><body><select id="tes" onchange="test()"><!--选项值改变时触发onchange（）事件--><option value="帅哥" checked="checked" id="test1">帅哥</option><option value="美女" id="test2">美女</option><option value="ladybody" id="test3">ladybody</option></select></body></html>
参考资料
csdncsdn[引用时间2018-1-25]
通过option:selected方法来获取文本值
<!--HTML部分-->
<select class="select">
<option>桃子</option>
<option>苹果</option>
<option>桔子</option>
</select>
<p class="text">我是<span></span></p>
<!--JS部分-->
<script type="text/javascript">
$(function(){
var b;
$("select")on("click",function(){
b=$(this)children("option:selected")text(); //通过option:selected方法来获取文本值
$("text span")text(b);
})
});
</script>
如果我选择的是苹果，那会就会输出"我是苹果"
以上就是关于Html 里 Select 选项怎么获得选中的Option的innerText啊全部的内容，包括:Html 里 Select 选项怎么获得选中的Option的innerText啊、jquery向select 添加选项option、如何获取select的option的value值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）