带有Codeigniter的动态dbrekalo快速选择

Question

我试图找到一种方法来从我的一个控制器中填充多个select（fastselect）下拉列表。 我试图通过将click事件绑定到多重选择来提出ajax请求。 然后，select的data-url属性将等于以json编码的ajax的响应。 我认为这是有可能的，因为在dbrekalo fastselect的文档中， data-url属性接受json文件（因此，我认为只要返回json，它就可以接受任何参数/值）。

我还尝试创建一个虚拟的json文件，将其保存在我的views文件夹中，然后将文件名放在data-url属性中，但出现相同的错误：

Uncaught TypeError: Cannot use 'in' operator to search for '16894' in <!DOCTYPE html>

请告诉我如何成功实现此目标。 我找不到可供选择的替代jquery插件，可以添加其他功能（当前列表中不提供）。

这是视图的样子：

<div class="col-lg-7">
<input
    id="multip"
    type="text"
    multiple
    class="multipleSelect"
    data-user-option-allowed="true"
    data-load-once="false"
    name="skills[]";/>
</div>

Ajax：

$(".multipleSelect").click(function() {

        var url = "<?php echo base_url()?>applicant/get_skill_list";
        $.ajax({

            dataType: "JSON",
            type: "GET",
            url: url,
            success: function(data) {
                console.log(data);
                $("#multip").attr("data-url", data);
            }
        });
    });

我的控制器：

 public function get_skill_list() {

        $data = $this->Dropdown_model->get_skill_list();
        echo json_encode($data);
    }

Answer 1

在fastselect插件中，数据将通过ajax动态加载，在这种情况下，您需要使用以下几行。

<input type="text" id="multip" class="singleInputDynamic" data-url="<?php echo base_url('applicant/get_skill_list')?>" data-load-once="true" name="language" />


<script type="text/javascript">
     $('#multip').fastselect();
</script>

这样可以确保您的数据采用以下格式。 text-value对。

[
    {"text": "Afghanistan", "value": "Afghanistan"},
    {"text": "Albania", "value": "Albania"},
    {"text": "Algeria", "value": "Algeria"},
    {"text": "Angola", "value": "Angola"}
]

这将为您提供帮助。