最初のメニュー オプションにカーソルを合わせると展開される 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>