Question

我正在尝试为下拉菜单实现点击事件监听器。到目前为止，我没有太多运气试图深入了解其中的价值观。这是我正在使用的HTML：

<div class="dropdown" data-id="123">
    <div class="arrow">▼</div>
        <span class="value">uk</span>
            <div class="select" tabindex="0" style="display: none; width: 134px;">
                <span data-id="781" class="selected">uk</span>
                <span data-id="782" class>usa</span>
                <span data-id="783">china</span>
                <span data-id="784">africa</span>
            </div>
</div>

如果我点击下拉列表中的“非洲”选项，我会想要显示“非洲”的提示。到目前为止，我有这个，但我会更多地了解如何实现这一目标：

jQuery('dropdown select').on('mousedown',function(){ alert(jQuery(this).text()); })

谢谢。

Answer 1

您可以将click事件放在$(".select span")

上

$(".select span").on("click",function(){
  alert($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dropdown" data-id="123">
    <div class="arrow">▼</div>
        <span class="value">uk</span>
            <div class="select">
                <span data-id="781" class="selected">uk</span>
                <span data-id="782" class>usa</span>
                <span data-id="783">china</span>
                <span data-id="784">africa</span>
            </div>
</div>

您忘记在课前添加点.，还需要添加跨度来跟踪每个范围

jQuery('.dropdown .select span').on('mousedown',function(){ alert(jQuery(this).text()); })

javascript - 如何在下拉菜单中获取跨区文本值

1 个答案: