您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

jquery获取下拉option选中项的自定义属性值

发布时间：2018-05-23 10:05:28编辑：雪饮阅读（）

 昨天也就是试岗的第三天，竟然败给了一个前端需求，当时脑袋一片混乱，因为在此之前已经完成了好多后端工作又接近下班时间当时脑袋特别疼，又遭遇主管谈话，心静不下来也应该是一个原因所以导致这个小小的功能。。。。都没有实现

今天静心下来才不到5分钟就搞定了

页面中引入jquery是必然的，然后局部代码如下：

<select id="sel">

<option value="">请选择</option>

<option value="" data-id="0">杜敏捷</option>

<option value="" data-id="1">柠檬不萌</option>

<option value="" data-id="3">薄雪草</option>

</select>

<script>

$("#sel").change(

function(){

console.log(this);

var selVal=$(this).find('option:selected').val();

var selTxt=$(this).find('option:selected').text();

var selDataId=$(this).find('option:selected').attr('data-id');

 

alert("获取到的下拉值:"+selVal);

alert("获取到的下拉文本是:"+selTxt);

alert("获取到的下拉自定义属性值是:"+selDataId);

}

);

</script>