Jquery 菜单 UI。如何在指定的<li>

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;