Ajax刷新后保留选择下拉列表值

Question

这可能是一个重复性的问题，但请裸露我。 我有一个下拉列表，如下所示，我选择黄色选项，我有onclick可以执行操作，并且可以执行ajax调用。 因此，在ajax调用之后，下拉菜单默认默认为红色选项，而不是保持黄色。 我还在学习jQuery

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

提前致谢

Answer 1

关于如何实现此目标的一个粗略示例：

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