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

在ajax刷新后保留选择下拉值

2 个答案: