模型中的 Typeahead 返回空值以形成输入字段答案

【问题标题】：Typeahead in a Model return empty value to form input field模型中的 Typeahead 返回空值以形成输入字段
【发布时间】：2016-05-13 15:47:05
【问题描述】：

我创建了一个带有按钮的表格。当用户切换按钮时，它将打开一个引导模式。 Modal 内部是一个带有类型选择字段的表单。该列表有效，所有项目都是可选的。

我的问题：如果我选择它在表单上显示的项目，则返回值（PHP $_POST）为空。

我的js代码

$(document).ready(function () {
$('.typeahead').typeahead({
    source: function (query, process) {
        $.ajax({
            url: '/testPost',
            type: 'POST',
            dataType: 'JSON',
            //data: 'query=' + query,
            data: 'query=' + $('#contactName').val(),

            success: function(data)
            {
                var results = data.map(function(item) {
                    //var someItem = { contactname: item.ContactName, telephone: item.Telephone, email: item.Email };
                    var someItem = { contactname: item.ContactName, id: item.id };
                    console.log(item);
                    return JSON.stringify(someItem.contactname);
                });

                return process(results);
            }
        });
    },
    minLength: 1,
    updater: function(item) {
        // This may need some tweaks as it has not been tested
        var obj = JSON.parse(item);
        return item;
    }
});

});

php json

    $return_arr[] = array("id" => "1", "ContactName" => "Dooome");
$return_arr[] = array("id" => "2", "ContactName" => "Caa");
$return_arr[] = array("id" => "3", "ContactName" => "Veee");
$return_arr[] = array("id" => "4", "ContactName" => "Moo");
$return_arr[] = array("id" => "5", "ContactName" => "Reee");
#$return_arr[] = array("value" => "Dooome");

header("Content-Type: application/json");
print_r(json_encode($return_arr));

【问题讨论】：

标签： javascript php typeahead.js

【解决方案1】：

如果您想在预先输入的输入中选择 .val() 不起作用，您将获得价值：$('#contactName').typeahead('val')，这样您就可以获得价值用于发送 Post Ajax 数据的输入

看the documentation of typeahead

【讨论】：