jQuery 实时更改问题

Question

当我单击列表中的一个元素时，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');
    });
});

Answer 1

更改此:

$('input#city').val(select_value);

对此:

$('input#city').val(select_value).change();

当值发生变化时，通常会在文本框blur(单击其他地方)上触发change事件。不过，您可以在需要时使用 .change() 或 .trigger('change') 触发它，这就是上面代码的作用。