jQuery：如何用新的元素替換元素，只顯示新元素？

Question

在以下代碼中，當管理員編輯訂單時，我在opencart的管理面板中顯示order_status。訂單狀態顯示非常好。

  <?php if ($info_data['order_status']) { ?> 
       <tr> 
       <td><?php echo $info_data['text_order_status'];?</td> 
       <td id="order-status"><?php echo $info_data['order_status']; ?></td> 
       </tr> 
      <?php } ?> 

但是，當管理員通過從下拉列表中選擇更新ORDER_STATUS它顯示與舊ORDER_STATUS更新ORDER_STATUS。我只需要顯示更新的order_status，我怎樣才能用更新的order_status替換舊的狀態？

if (json['success']) { 
        $('#history').load('index.php?route=sale/order/history&token=<?php echo $token; ?>&order_id=<?php echo $order_id; ?>&shipping_code=<?php echo $shipping_code; ?>'); 

        $('#history').before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>'); 

        $('textarea[name=\'comment\']').val(''); 

        $('#order_tracking_number').val(''); 

        $('#order-status').html($('select[name=\'order_status_id\'] option:selected').text()); 
       } 

我想這行應該做替換，但它不能正常工作，應該改變什麼？請幫忙 ！

$('#order-status').html($('select[name=\'order_status_id\'] option:selected').text()); 

UPDATE： 代碼選擇框

   <div class="form-group"> 
         <label class="col-sm-2 control-label" 
           for="input-order-status"><?php echo $info_data['entry_order_status']; ?></label> 
         <div class="col-sm-10"> 
          <select name="order_status_id" id="input-order-status" class="form-control"> 
           <?php foreach ($info_data['order_statuses'] as $order_statuses) { ?> 
            <?php if ($order_statuses['order_status_id'] == $info_data['order_status_id']) { ?> 
             <option value="<?php echo $order_statuses['order_status_id']; ?>" 
               selected="selected"><?php echo $order_statuses['name']; ?></option> 
            <?php } else { ?> 
             <option 
              value="<?php echo $order_statuses['order_status_id']; ?>"><?php echo $order_statuses['name']; ?></option> 
            <?php } ?> 
           <?php } ?> 
          </select> 
         </div> 
        </div> 

Answer 1

試試這個：

來自：

$('#order-status').html($('select[name=\'order_status_id\'] option:selected').text()); 

到：

$('#order-status').html($('#input-order-status option:selected').text()); 

，如果你想與NAME的通話您選擇框，然後改變它

到：

$('#order-status').html($('select[name="order_status_id"] option:selected').text());