javascript - 从 html 'value' 属性中检索值

Question

如何检索名为“value”的 html 元素属性中定义的实际值？

在用户注册之前，我设置了一个 session 变量，其值应为“发布者”或“读者”，具体取决于他们点击的 div。此 session 值将在用户创建时使用。

<template name="authJoinType">
<div class="container join-type">
    <div class="row"> 

        <div class="col-xs-6 col-sm-6 col-md-6">
            <a href="{{pathFor route = 'join'}}">
            <div class="join-type-inner" id="userTypeSelect" value="reader">Reader</div>
        </a>
        </div> 

        <div class="col-xs-6 col-sm-6 col-md-6">
            <a href="{{pathFor route = 'join'}}">
            <div class="join-type-inner" id="userTypeSelect" value="publisher">Publisher</div>
        </a>
        </div>

    </div>
</div>
</template>

client.js(尝试将 session 变量设置为“读者”或“发布者”，具体取决于他们点击的两个 div 中的哪个)

Template.authJoinType.events({
'click div.join-type-inner': function(e, tmpl) {
    var userType = $(e.target).find('#userTypeSelect').val();
    Session.set('userType', userType);
    var selectedUserType = Session.get('userType');
    console.log(selectedUserType); // this is printing out 'undefined'
}
});

帮助？我是否以不正确的 div 为目标？

Answer 1

改变:

var userType = $(e.target).find('#userTypeSelect').val();

收件人:

var userType = $(e.target).attr("value");