Question

我有与此相关的研究问题，但无法获得解决方案。我想要做的是当我将鼠标移到选项上时能够记录选项值。下面是我现在的代码，它只记录选定的值。我正在使用谷歌CDN JQuery。任何帮助将不胜感激。

<select>
    <option> value="volvo">Volvo</option>
    <option> value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

这是JS

<script>
    $(document).ready(function(){
        var select = $("select").children("option");
        $(select).on('mouseover', function(){
            console.log('The option with value ' + $(this).val());
        });
    });
</script>

Answer 1

您的<select>元素中存在语法错误，但我希望您的实际代码中不会出现这种错误。

我所做的只是选择元素而不是孩子，它工作得很好。

<强> HTML

<select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

<强> JS

$(document).ready(function () {
    var select = $("select")
    $(select).on('mouseover', function () {
        console.log('The option with value ' + $(this).val());
    });
});

mouseover上的console.log表单选项值

1 个答案: