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

    }
});