JavaScript-无法在Jquery的下拉菜单中找到和访问选定的值

Question

我正在尝试使用下拉菜单中的选定值，但我不知道如何获取它。

附加代码：

Cost Value: <input type="text" name="cost">  
   <ul id="menu">
       <li><a href="#">Category</a>
       <ul>
       <li><a href="#">Food</a></li>
       <li><a href="#">House</a></li>
       <li><a href="#">Entertainment</a></li>

       </ul>
       </li>
   </ul>

<script type="text/javascript">
        $(document).ready(function(){
            $('li').hover(function(){
                $(this).find('ul>li').stop().fadeToggle(400);
            });
            $("#menu").one("click", function(evt){
                document.write(this.selectedText);
            });

        });

Answer 1

如果您在单击处理程序的意思是，你要保证this处理程序内是锚，而不是#menu ul 。 另外，您可能想要继续on ，而不是one 。

所以：

$("#menu").on("click", "a", function(evt){
    evt.preventDefault(); // So we don't follow the link
    console.log($(this).text());
});

注意事项：

1. 我on使用on ，而不是one ，因此第一次单击后不会删除处理程序。

2. 我阻止了默认设置，以使该链接不会被关注，并将页面跳回顶部。

3. 我用console.log而不是document.write ，因为document.write在这一点上会隐不document.open和消灭你的页面。

4. 我使用$(this).text()来获取锚点的文本。