jquery-ui - jQuery 菜单用户界面。如何在指定中显示选择值

Question

我嵌套了无序列表来创建一个 Jquery UI 菜单，当您将鼠标悬停在第一个菜单选项上时它会展开。我想要发生的是菜单选择显示在您选择后看到的第一个菜单选项的位置。出于某种原因，使用 .val 或 .html 对我不起作用。这是我的代码。

//this is where I try to take the selection and put it in in the <li> with the id 'input'.

<script>
 $(function() {
$( "#menu" ).menu({
select: function( event, ui ) {
    var selection = ui.item.text();
    $("#input").html() = selection;
}
});
}); 
</script>

// the options below "Choose Activity" expand when you hover over "Choose Activity".

我希望其中一个选项在被选中后取代“选择活动”。

<ul id="menu">
   <li>
        <a href="#" id="input">Choose Activity?</a> 

          <ul>
            <li><a href="#">Run Marathon</a></li>
            <li><a href="#">Weight lifting</a></li>
            <li><a href="#">Swimming</a></li>
            <li><a href="#">Boxing</a></li>
          </ul>
   </li>
   <li>
         //another line item
   </li>

</ul>

Answer 1

.html()是一个获取/设置给定元素的 innerHTML 的函数。由于它是一个函数，因此您需要将内容作为参数传递给函数调用。

应该$("#input").html(selection);不是$("#input").html() = selection;