如何使用jquery刷新PHP中的特定元素？

Question

我有一個選擇框。在改變它的事件時，我打電話給確認框。當我點擊取消按鈕，然後保持更改值。 所以我只想刷新選擇框而不是整個頁面。

function statusChanged(obj,id){ 
    $(obj).change(function() { 
     var answer = confirm ("Are you sure update Status?"); 
     var status; 
     if(answer){ 
      status=$(this).val(); 
      //alert(status); 
      ajaxUpdate("service-providers.php", {action:"updatestatus",'status': status,'id':id}, function(data) { 
      if(data.type=="success") { 
        $("#notify").notification({caption:"Status Updated Successfully.", type:"information", sticky:false ,onhide:function(){ 
        window.location="service-providers.php"; 
       } 
       }); 
      } 
      }); 
     } 
     else{ 
      // here i want to refresh select box 
     } 
}); 
} 

的html代碼：

<select id="status1" name="status1" style="width:140px;" onChange="statusChanged(this,<?php echo $applicationid; ?>);">   
                <?php 
                 if($status==3 || $status==4) 
                  echo "<option value='4'>Submitted</option>"; 
                 else 
                  echo "<option value='0'>Select</option>"; 
                ?> 
                <option value="2" <?php if($status==2) echo "selected='selected'"; ?> >Approved</option> 
                <option value="3" <?php if($status==3) echo "selected='selected'"; ?> >Rejected</option> 
               </select> 

Answer 1

使用此代碼，否則下它只會重新選擇框。

這將工作

$('#SELECTBOX_ID').prop('selectedIndex',0); 

看到了http://jsfiddle.net/TmJCE/10/工作演示。

另外我在我的本地實現了這個代碼我主要做了兩個改變，我從select中選擇了onchange，第二個是我沒有使用ajax因爲你只想在確認框上點擊取消工作。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
     jQuery(document).ready(function() { 
     jQuery("#status1").change(function() { 
     var answer = confirm ("Are you sure update Status?"); 
     var status; 
     if(answer){ 
      status=$(this).val(); 
      //I have did not call ajax 
     } 
     else{ 
      jQuery('#status1').prop('selectedIndex',0); 
     } 
    }); 
    }); 
</script> 
<?php 
    $status = 0; // I temporary added t 
    ?> 
    <select id="status1" name="status1" style="width:140px;" > 
    <?php 
    if($status==3 || $status==4) 
     echo "<option value='4'>Submitted</option>"; 
    else 
     echo "<option value='0'>Select</option>"; 
    ?> 
    <option value="2" <?php if($status==2) echo "selected='selected'"; ?> >Approved</option> 
    <option value="3" <?php if($status==3) echo "selected='selected'"; ?> >Rejected</option> 
    </select> 

Answer 2

頁面加載後做：

$('select').each(function() { 
$(this).attr('original_data', $(this).val()); 
}); 

，並在你的函數做

$(this).val(this.attr('original_data')); 

經過。完美的作品。