如果恢复选择框选项

Question

So i've a situation where I have a selectbox that makes a jquery .post call to another script on a .change event.

I was wondering if there is anyway i can revert the selectedoption back to the original default should something occurs or that my .post event fail?

Hi ppl, I'm sorry.

Here's the javascript code. I've made some amendments to it. I'm trying to get the second line to work as this code is not working now due to some errors(due to don't know what on the second line). My selectbox is part of a list so i'm not able to make it a unique id to it and to remember the box the user selects, i need to use $(this).

    $('.order_stateselect').click(function(){
        var val=$(this).find(":selected").val();
        $(this).change(function(){
            if(confirm('Confirm Order Status Change?')){
                var conduct_status_chge=$.post('/seller/helpers/order_status_change.php',{order_item_id:$(this).parent('td').siblings('.order_item_id').text(),order_item_status:$(this).find(':selected').val()},function(data){
                    alert(data);
                })
                .error(function() { alert("error"); })
            }
        });
    });

Answer 1

Difficult to tell without code, but I'll try

$("#selectbox").data('origValue', $("#selectbox").val());

$("#selectbox").on('change', function () {
   $.post(...).done(function () {
      // other stuff
      $("#selectbox").data('origValue', $("#selectbox").val());
   }).fail(function () {
      $("#selectbox").val($("#selectbox").data('origValue'));
   });
});

Answer 2

Use something like this

 var value=$("#selectbox").val();
    $.ajax({
    type:post,
    url:"something.com",
    success:function(){

    },error:function(){
    $("#selectbox").val(value);
    }

    })

Answer 3

$('select').val('defaultvalhere');

Answer 4

您可以使用它来选择不关于默认值的第一个选项：

$('#selectId option:eq(0)').attr('selected',true);

Answer 5

you can simply use a global variable to save the option selected previously. Once save you can just use that on your error Its something like this

<script type="text/javascript">
this.previousVal = 0;
function changeHandler(selectBox)
    {    

$.ajax({
type:post,
url:"URL",
success:function(){
//ur code
this.previousVal=selectBox.selectedIndex;
},error:function(){
//use previousVal and set the value back to the previous value
}

})


    }                           
</script>

<select id="changeLang" name="changeLang" onchange="changeHandler(this)"></select>