从下拉项中传递一个值

Question

我有一个下拉菜单。 每个条目都有一个 ID 和一个值。 单击列表中的项目会调用单击处理程序并传递 div。 点击处理程序可以访问 id，但它对值不起作用。

当我记录传递给事件处理程序的参数时，它会显示以下字符串：

<div class="dropdown-item" id="chooseLeagueLevelDD" value="0" onmouseup="mUp(this)">1. Bundesliga</div>

我能够使用事件处理程序确定事件。 如果我记录 obj.id，则会显示正确的字符串。 如果我尝试记录obj.value ，它是undefined 。

function mUp(obj) {
        if (obj.id == "pauseGame"){
                pauseGame();
        }
}

我错过了什么？

Answer 1

div 没有本机值属性或属性，将值属性添加到 html 基本上是添加自定义属性，因此您需要这样对待它。 如果您在事件参数上使用 getAttribute() 方法，您应该能够获取数据。

function mUp(obj) {
        if (obj.getAttribute('value') == "pauseGame"){
            pauseGame();
       }
}

Answer 2

尝试：

function mUp(obj) {
        console.log(obj.attributes.value.nodeValue);
}