当我从列表中单击一个元素时,jQuery从被单击的元素中获取类并将其写入输入字段中.然后,需要将输入的值写入div#content中,而无需执行任何操作.

HTML：

<ul>
    <li class="NewYork">New York</li>
    <li class="Paris">Paris</li>
    <li class="Moscow">Moscow</li>
</ul>

<input type="text" id="city" value="" />

<div id="content"></div>

jQuery的：

$(document).ready(function() {
    $('ul li').live('click',function() {
        var select_value = $(this).attr('class');
        $('input#city').val(select_value);
        return false;
    });

    $('input#city').live('change',function() {
        var content = $(this).val();
        $('#content').text(content+' is beautiful city');
    });
});