使用 ajax 和 codeigniter 在多 select 下拉列表中顯示選定的選項

Question

我需要使用 ajax 在多 select 下拉列表中顯示選定的選項（已從數據庫中保存的選項）。

ajax 的響應是這樣的

{"skill":[{"skill":"css"},{"skill":"Laravel"}]}

我需要在下拉列表中顯示這些值。

我的 javascript ajax function

$.ajax({
            url: "<?php echo base_url(); ?>recruiter/fetch_user_skill",
            method: "POST",
            data: {userid: user_id},
            success: function (response) {

                var JSONObject = JSON.parse(response);
                alert(response);
            }
        });

php 腳本

model

function fetch_users_skill($user)
{
    $query = $this->db->query("SELECT `skill` FROM `user_skills` WHERE user_id='$user'");

    if($query->num_rows()>0) {
        foreach($query ->result() as $row)
        {
            $data[] = $row;
        }
        return $data;
    }
}

controller

public function fetch_user_skill()
{
    $user_id = $_POST['userid'];
    $this->load->model('recruiter_model');
    $data["skill"] = $this->recruiter_model->fetch_users_skill($user_id);
    echo json_encode($data);
}

看法

<select class="form-control" id="skill" name="skills[]" multiple="multiple" name="skills" style="width: 600px !important;">
                    <option value="">--Select Name---</option>
                    <?php
                    if ($skills->num_rows() > 0) {
                        foreach ($skills->result() as $skills_row) {
                            ?>
                            <option value="<?php echo $skills_row->skill; ?>"><?php echo $skills_row->skill; ?></option>
                            <?php
                        }
                    }
                    ?>

                </select>

如何將這些值設置為從 js 中選擇的。 提前致謝。

Answer 1

您可以使用以下代碼：

$.ajax({
        url: "<?php echo base_url(); ?>recruiter/fetch_user_skill",
        method: "POST",
        data: {userid: user_id},
        success: function (response) {

            var JSONObject = JSON.parse(response);
            Array.prototype.forEach.call(JSONObject.skill, function(v){
                $('#skill option[value=' + v.skill + ']').attr('selected', 'selected');
            });
        }
    });

Answer 2

用這個

    $.ajax({
        url: "<?php echo base_url(); ?>recruiter/fetch_user_skill",
        method: "POST",
        data: {userid: user_id},
        success: function (response) {

            var JSONObject = JSON.parse(response);

            JsonObject.skill.forEach(function(sk){
                 $('#skill option[value=' + sk.skill + ']')
                      .prop('selected', true);
            })
        }
    });