当我从列表中单击一个元素时,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');
});
});
最佳答案
更改此：
$('input#city').val(select_value);
对此：
$('input#city').val(select_value).change();
值更改时会触发change事件,通常是在文本框模糊(单击其他位置)时触发.但是,您可以在需要时使用.change()或.trigger(‘change’)触发它,这就是上面的代码所做的.
