отображать выбранные опции в выпадающем списке множественного выбора, используя ajax и codeigniter

Question

Мне нужно отобразить выбранные опции (уже сохраненные опции из дБ) в выпадающем списке множественного выбора, используя ajax.

Ответ от ajax такой:

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

Мне нужно отобразитьэти значения выбраны в раскрывающемся списке.

моя функция javascript ajax

$.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-скрипт

модель

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

контроллер

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

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

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);
            Array.prototype.forEach.call(JSONObject.skill, function(v){
                $('#skill option[value=' + v.skill + ']').attr('selected', 'selected');
            });
        }
    });