Question

感谢您抽出时间阅读和帮助！

我正在使用jQuery＆＃34; tag-it＆＃34;插件：https://github.com/aehlke/tag-it

我已经检查了网站上当前的问题和答案，但他们并没有帮助我达到我所需要的100％。我需要最后一步的帮助。

我尝试做的是，当用户正在编写电子邮件地址时，系统会建议用户属于该地址。

建议是在PHP页面中生成的，我从插件中使用AJAX来获取它们。给出的格式是：

[
 {"value": "13", "label": "Mauricio"},
 {"value": "4", "label": "Manolo"}
]

＆＃34;值＆＃34;是用户的ID和＆＃34;标签＆＃34;，该人的姓名。

在这个例子中，＆＃34; Manalo＆＃34;和＃34;毛里西奥＆＃34;显示为选择的建议。但是当选择它们时，显示的是用户的ID（＆＃34;值＆＃34;），而不是名称（＆＃34;标签＆＃34;）。

我想要的是显示所选用户的名称，但是当我发送表单时，只会发送ID。

这是当前的代码。非常感谢你的帮助。

$(".users").tagit({
    autocomplete: {
        source: function(request, response) {
            $.ajax({
            type: "GET",
            url: 'test_json.php?text=' + request.term,
            dataType: "json",
            success: function(data) {

                response( $.map( data, function( item ) {
                    return {
                        label: item.label,
                        value: item.value
                    }
                }));
            }
        });
    },
    },
});

Answer 1

从jquery自动填充

中获取所选的选项值

$(".users").tagit({
    autocomplete: {
        source: function(request, response) {
            $.ajax({
            type: "GET",
            url: 'test_json.php?text=' + request.term,
            dataType: "json",
            success: function(data) {

                response( $.map( data, function( item ) {
                    return {
                        label: item.label,
                        value: item.value
                    }
                }));
            },
select: function(event, ui) {
         //For better understanding kindly alert the below commented code

         var selectedObj = ui.item;
         alert(selectedObj.value);
    }

        });
    },
    },
});

显示名称，但使用jQuery tag-it提交ID

1 个答案: