保留阿賈克斯刷新後的選擇下拉值

Question

這可能是一個重複的問題，但請裸露我。我有一個下拉列表，如下所示， 我選擇黃色選項，我有onclick這將做一個操作，這是一個ajax調用。所以在ajax調用後，下拉菜單默認返回紅色選項，而不是保持黃色。我仍然在學習jQuery的提前

Answer 1

一個粗略的例子是你如何做到這一點

<select onChange="this.options[this.selectedIndex].onclick();> 
<option value="red" onclick="">red</option> 
<option value="yellow" onclick="">yellow</option> 
<option value="blue" onclick="">blue</option> 
<option value="green" onclick="">green</option> 
</select> 

感謝：

// before ajax 
var selected_item = $('select').val(); // use a better selector 

// do some ajax 
$.ajax({ 
    url: '/', 
    data: { 
     foo: 'bar' 
    } 
    success: function(data) { 

     // update the select 
     $('select').html(data); 

     // reapply the originally selected element 
     $('select').val(selected_item); 

    } 
}); 

Answer 2

試試這個：

$('input[value=red]').ajaxSuccess(function(){ 
    $(this).prop('selected', true) 
})