通过ajax发送数据到下拉列表未完全设置为选中

Question

我通过ajax发送一个ID来获取带有他的代码的特定名称（标签），我将在Bootstrap Modal Form的下拉列表中将其显示为选定值。

我得到了值引号内的代码，但没有得到选项标记之间的标签，例如：

<option value="123" id="code" selected> </option>

但我想得到这个：

<option value="75000" id="code" selected>Paris</option>

这是我的代码：

<select class="form-select mb-3" id="label" name="label" required>

   <option value="" id="code" selected></option>

<?php  while ($row = $stmtGetLabel->fetch()) { ?>
    <option value="<?php echo $row['code'] ?>"><?php echo $row['label'] ?></option>
    <?php }?>
</select>
                                        
...

$(document).on('click', '.update , #act', function(){
    var id = $(this).attr("id");
    $.ajax({
        url:"inc/functions/ActRef.php",
        method:"POST",
        data:{id:id},
        dataType:"json",
        success:function(data)
        {
            $('#mymodal').modal('show');
            $('#label').val(data.label);
            $('#code').val(data.code);
            $('#id').val(id);
            $('#action').val("EDIT");
            $('#operation').val("edition");
        }
    })
});

我的代码出了什么问题？

有什么想法吗？

提前谢谢

Answer 1

如果我理解正确，您正在尝试在 HTML 的这部分设置信息：

<option value="" id="code" selected></option>

假设我理解正确，你需要做的是：

$('#code').attr('value', data.code).html(data.label);
$('#label').val(data.code);