保留阿贾克斯刷新后的选择下拉值

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) 
})