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

尝试这个：

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

Answer 2

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

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

    }
});