Conserva il valore di selezione a discesa dopo un aggiornamento ajax - javascript, jquery, menu a discesa

Questa potrebbe essere una domanda ripetitiva, ma per favorenudo. Ho un menu a discesa come sotto, Seleziono l'opzione giallo, ho onclick che farebbe un'operazione e questo fa una chiamata ajax. Quindi, dopo la chiamata ajax, il menu a discesa viene ripristinato come opzione predefinita anziché rimanere su giallo. Sto ancora imparando 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>

Grazie in anticipo

risposte:

Un esempio approssimativo di come si ottiene questo:

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

}
});

prova questo:

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