Javascript 选择li项时更改无序列表的值

我的问题是，在下面选择/拾取一个li项目后，如何更改UL列表中原始元素的值

示例：我想选择City3，当我选择时，它应该是“City3”的值，而不是“pick City”

这是我的。 这是HTML：

<div class="menu1">
<li class="naslov"><b>Pick City</b></li>
<div class="submenu1">
    <ul id="sel">
        <li value="1"><a href="#"><b>City1</b></a></li>
        <li value="2"><a href="#"><b>City2</b></a></li>
        <li value="3"><a href="#"><b>City3</b></a></li>
        <li value="4"><a href="#"><b>City4</b></a></li>
        <li value="5"><a href="#"><b>City5</b></a></li>
    </ul>
</div>

挑选城市

另外，是否可以不更改任何css/html（我的意思是，我不想添加select、option元素），让它只在一些JQuery/JS函数上工作

谢谢， 米洛斯

---

另一种可能的方法。在本例中，li可以是动态的，基于AJAX提要或其他JavaScript

    $('#sel').on('click','li',function() {
       $('li.naslov b').text($(this).text());
    });

---

另一种可能的方法。在本例中，li可以是动态的，基于AJAX提要或其他JavaScript

    $('#sel').on('click','li',function() {
       $('li.naslov b').text($(this).text());
    });

作为你的JS尝试一下这个

$(document).ready(function(){
    $('.menu1').hover(function(){
        $('.submenu1').stop(true).slideToggle('slow');
    });
    var orig = $(".naslov").html();
    $("#sel li").hover(function(){
        $(".naslov").html($(this).text());
    }, function(){
        $(".naslov").html(orig);
    });
});

试试这个作为你的JS

$(document).ready(function(){
    $('.menu1').hover(function(){
        $('.submenu1').stop(true).slideToggle('slow');
    });
    var orig = $(".naslov").html();
    $("#sel li").hover(function(){
        $(".naslov").html($(this).text());
    }, function(){
        $(".naslov").html(orig);
    });
});

---

1.演示不起作用。2.使用

html

3。不要将选择器添加到id选择器。4.无正当理由不要使用委托事件。1。演示不起作用。2.使用

html

3。不要将选择器添加到id选择器。4.没有充分的理由不要使用委托事件。