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

<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的值，参考上面的第二种取值方法可取。