使用jQuery从数据库中记录的现有值中操纵选择选项

Question

我有一个表格可以编辑数据库中的记录。 因此，为了从该记录中提取所有数据，我使用了ajax jquery并将其显示到模式的bootsrap中。 代码看起来像这样：

<div class="control-group">
<label class="control-label">Perusahaan : </label>
<div class="controls">

    <select id="perusahaan_edit" name="perusahaan-edit">
        <option>Tresnamuda Sejati</option>
        <option>Jameson-Freight Semesta </option>
        <option>Samudera Daka Line </option>
        <option>Meridian Port Anances </option>
        <option>StarLine</option>
    </select>

</div>

看看，在数据库上说，存在的值是StarLine ，我该如何选择它：

我的jQuery代码

$(document).on('click', '#btn-edit-dataPC', function() {
var $this = $(this);
var nama = $this.attr("req_id");

$.ajax({
    url: "<?php echo base_url() . 'administrator/control_admin/get_one_pc' ?>",
    type: 'POST',
    data: {nama: nama},
    dataType: 'json',
    success: function(obj) {
        // manipulate the select option ???

        //Show on modal
        $('#myModal1').modal('show');
        }
    });
});

非常感谢它的任何帮助...

更新

感谢您的答复，我在这里遇到了一些问题。 如果return ajax是json是否有问题吗？ Coz，如果我这样使用：

success: function(obj) {

                var value = obj.perusahaan;

                $("#perusahaan_edit option").filter(function() {
                    return $(this).text() === value;
                }).attr("selected", "selected");


                $('#myModal1').modal('show');
            }

哪个var值在数据库上是动态的？ 我得到的选择选项不受影响。 再次感谢 ...

Answer 1

您的ajax调用完成时，可以使用jquery更改<option>元素selected属性。

尝试这个：

$("select option:contains(StarLine)").attr('selected', true);

要么

$("select option").filter(function() {
    return $(this).text() === "StarLine";
}).attr("selected", "selected");

小提琴