jQuery動態變化問題

Question

當我點擊列表中的一個元素時，jQuery從被單擊的元素中獲取類並將其寫入輸入字段。然後，來自輸入的值需要用div＃內容寫入，而不需要任何操作。

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(); 

當值改變時，change事件被觸發，通常在文本框blur（點擊其他地方）。但是，您可以在需要時使用.change()或.trigger('change')來觸發它，這就是上述代碼的作用。