jQuery：要素を新しい要素に置き換え、新しい要素のみを表示するにはどうすればいいですか？

Question

次のコードでは、adminが注文を編集したときにopencartのadminパネルに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()); 

名前とあなたの選択ボックスを呼び出したい場合は、その後にそれを

を変更：

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