javascript - 使用 MagicSuggest 将变量发送到服务器

Question

我正在使用 this很棒的 jquery 插件来处理文本框的自动完成，我使用这个脚本让一切正常工作:

        var ms1;
        $(document).ready(function() {
                ms1 = $('#ms1').magicSuggest({
                data: 'http://punctis.com/app_dev.php/ajax/autocompletefeed/1/city',
                sortOrder: 'name',
                minChars: 2,
                maxResults: false,
                allowFreeEntries: false,
                selectionPosition: 'right',
                groupBy: 'utenti',
                maxDropHeight: 200
            });
        });

还有这个 Html:

<form name="email_form">
  <input id="test_normalValue" name="test_normalValue" type="text" class="input-large">
  <input id="ms1" name="ms1" type="text" class="input-large">
</form>

但是当我 POST 或 GET 表单时，没有值被发送，只有 test_normalValue。有人也遇到过这个问题吗？

PS:根据this thread此功能从 1.1.2 开始就存在(我使用的是 1.2.3)

Answer 1

您需要在您的配置中添加一个名称属性:

    var ms1;
    $(document).ready(function() {
            ms1 = $('#ms1').magicSuggest({
            data: 'http://punctis.com/app_dev.php/ajax/autocompletefeed/1/city',
            sortOrder: 'name',
            minChars: 2,
            maxResults: false,
            name: 'ms1',
            allowFreeEntries: false,
            selectionPosition: 'right',
            groupBy: 'utenti',
            maxDropHeight: 200
        });
    });

您应该检索 $_POST['ms1'] 中的值，它实际上是一个城市 ID 数组。

[编辑] 如果您需要城市名称而不是城市 ID，您可以在配置属性中指定 valueField 并将其设置为“名称”，如下所示:

    var ms1;
    $(document).ready(function() {
            ms1 = $('#ms1').magicSuggest({
            data: 'http://punctis.com/app_dev.php/ajax/autocompletefeed/1/city',
            sortOrder: 'name',
            valueField: 'name',
            minChars: 2,
            maxResults: false,
            name: 'ms1',
            allowFreeEntries: false,
            selectionPosition: 'right',
            groupBy: 'utenti',
            maxDropHeight: 200
        });
    });

这样组件将使用名称作为 ID 而不是 ID 本身。

如果您出于某种原因需要 ID 和名称，您可以使用 beforeload 事件来设置额外的自定义 POST 参数。