Jquery 获取select选中项自定义属性的值

最新推荐文章于 2024-05-03 13:26:42 发布

原创最新推荐文章于 2024-05-03 13:26:42 发布 · 850 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

经验之谈专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在jQuery中从下拉选择框(select)中获取所选选项的文本、值及自定义属性(data-*)，适用于jQuery WeUI等场景。

<select class="select" size="1" name="teacher" id="teacher">
        <option value="">请选择教师</option>
        @{
          foreach (var teach in ViewBag.teacherlist)
                 {
                      <option value="@teach.id" data-username="@teach.username" data-userid="@teach.user_id">@teach.realname_cn</option>
                 }
          }
</select>

第一种取值
$('#select1').find("option:selected").attr("自定义属性")

"teachername": $('#teacher').find("option:selected").text(), 取名称
"teacherid": $('#teacher').val(),
"teacheruserid": $('#teacher').find("option:selected").attr("data-userid"),
"teacherusername": $('#teacher').find("option:selected").attr("data-username")
第二种取值
如果你的属性定义的是data-xxx,那么直接
$('#select1').find("option:selected").data("xxx");
$('#teacher').find("option:selected").data("userid")

PS：本人实际遇到的问题是在jQuery WeUI中使用了select，不知道该如何提取data-values的值，参考上面的第二种取值方法可取。