JS原生

第一步

首先我们先给select定义一个Id号，我们现在给它定义为aaa

 

先拿到我们这个select对象

var obj=document.getELementById("aaa");

再拿到我们选中项的索引

var index=obj.selectedIndex;

拿到选择项的值

var key=obj.option[index].value;

拿到选中项的text文本(纯文本形式)

var key1=obj.option[index].text;

以上为JS原生获取select选中值步骤

JQuery非原生

还是以上面的select为例

首先确认我们已经导入了JQ库

导入js三种方法

第一种：外部引入,写在中

如果script标签外部引入js文件，那么此标签当中就不能再写js程序

第二种：内部引入,写在html代码完结后最后一行

第三种：行内引入

使用JQ一次性得到选中的select对象

var options=$(“#aaa option:selected”); 

拿到选择的值

var key=$(options.val());

拿到选中的文本

var key1=$(options.text());

至此完结，以上两种为两种获取方式，适合场景在用户选择select框时将选中的值发送到后端，我们也可以衍生获取多项选择内容，然后合并成数组一并发送到后台，这个我们将在下一篇文章赘述

 

 

 

 

精彩内容

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：