javascript - 使用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');
        }
    });
});

非常感谢任何帮助...

更新

感谢您的回复，我遇到了一些问题。如果ajax返回的是json有问题吗？因为，如果我这样使用:

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

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

试试这个:

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

或者

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

fiddle