主页 / 问题 / 552748
Accepted
user193361
Asked:2020-08-07 15:56:32 +0800 CST2020-08-07 15:56:32 +0800 CST

Select2 下拉菜单值未被选中

  • 772

我使用 select2 插件来搜索 ajax 从服务器获取的城市，然后通过插件我在页面上以这样的形式显示它

<select class="form-control from" id="from"></select>

使用这样的脚本我添加值 \u200b\u200bin 的形式

$(".from").select2({
        language: 'ru',
        theme: 'bootstrap',
        placeholder: "выберите город",
        allowClear: true,
        ajax: {
            url: "script.php",
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return {
                    q: params.term, // search term
                    to: 'searchCity'
                };
            },
            processResults: function (data) {
                return {
                    results: data
                };
            },
        },
        escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
        minimumInputLength: 1,
        templateResult: formatRepo,
        templateSelection: formatRepoSelection
    });

    function formatRepoSelection (repo) {
      return repo.lable || repo.text;
    }
    function formatRepo (repo) {
      if (repo.loading) return repo.text;

      var markup = "<option value='"+ repo.code +"'>"+repo.name+"</option>";
      return markup;
    }

搜索时，值填充下拉菜单，但是当您单击列表的任何元素时，没有任何反应，表单没有任何反应，我做错了什么？

更新：截图在此处输入图像描述

下拉值无法选择

upd2：这是服务器响应的样子

[{"label":"\u041c\u043e\u0441\u043a\u0432\u0430, \u0420\u043e\u0441\u0441\u0438\u044f (MOW)","code":"MOW","name":"\u041c\u043e\u0441\u043a\u0432\u0430"},{"label":"\u041c\u043e\u0441\u0442\u0430\u0440, \u0411\u043e\u0441\u043d\u0438\u044f \u0438 \u0413\u0435\u0440\u0446\u0435\u0433\u043e\u0432\u0438\u043d\u0430 (OMO)","code":"OMO","name":"\u041c\u043e\u0441\u0442\u0430\u0440"},{"label":"\u041c\u043e\u0441\u044c\u043e\u0435\u043d, \u041d\u043e\u0440\u0432\u0435\u0433\u0438\u044f (MJF)","code":"MJF","name":"\u041c\u043e\u0441\u044c\u043e\u0435\u043d"},{"label":"\u041c\u043e\u0441\u0441\u043e\u0440\u043e, \u0420\u0438\u0443-\u0413\u0440\u0430\u043d\u0434\u0438-\u0434\u0443-\u041d\u043e\u0440\u0442\u0438, \u0411\u0440\u0430\u0437\u0438\u043b\u0438\u044f (MVF)","code":"MVF","name":"\u041c\u043e\u0441\u0441\u043e\u0440\u043e"},{"label":"\u041c\u043e\u0441\u043a\u0443\u0435\u0440\u0430, \u041a\u043e\u043b\u0443\u043c\u0431\u0438\u044f (MQR)","code":"MQR","name":"\u041c\u043e\u0441\u043a\u0443\u0435\u0440\u0430"}]
javascript

2 个回答

  1. Best Answer

    我找到了我自己的问题的答案：我在 mysql 选择中添加了每个元素的 id 的输出，并且下拉菜单正常工作，但问题仍然是这是什么？为什么没有 id 就不能工作？

    • 3 
  2. function formatRepoSelection (repo) {
    repo.selected = true;
    return repo.lable || repo.text;
}
    • 0

相关问题