jQuery:如何使用new替换元素并仅显示新元素?

时间:2016-10-08 00:15:10

标签: php jquery json opencart2.x

在以下代码中,我在admin编辑订单时在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());

更新: 选择框的代码

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

1 个答案:

答案 0 :(得分:2)

试试这个:

从:

$('#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());