jquery自动完成获取id作为所选标签

2024-03-17

我正在使用 JQuery 自动完成从 php 中的数据库获取数据。 当我输入关键字时,我从数据库中获得了正确的结果。但是,我希望该数据的 id 分开(因为我不希望标签本身包含 id)。我的 JQUERY 代码看起来像这样:

$( "#referrer" ).autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "/ajax/ir_populate_referrer",
            dataType: "json",
            type: "POST",
            data: {
                keyword: request.term
            },
            success: function(data){
                response( $.map( data, function( item ) {
                    //alert(item.label);
                    return {
                        label: item.label
                    }
                }));
             }
        })
    }
});

PHP 后端:

$searchArray = array();
    while($search = $result->fetch()){
        $link = '';
        $link .= $search['id'].', '.$search['cus_firstname'].' '.$search['cus_lastname'].', '.$search['cus_email'].', '.$search['cus_phone1'];

        array_push($searchArray, array('label'=> $link, 'value' => $keyword, 'id'=>$search['id']));
    }

echo json_encode($searchArray);

问题是当用户选择特定建议时,除了标签本身之外,我如何将 id 放入 html 中。我想把 id 放入这个 HTML 容器中:

<input type='hidden' name='referrer_id' id='referrer_id' />

$( "#referrer" ).autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "/ajax/ir_populate_referrer",
            dataType: "json",
            type: "POST",
            data: {
                keyword: request.term
            },
            success: function(data){
                response( $.map( data, function( item ) {
                    //alert(item.label);
                    return {
                        label: item.label,
                        value: item.value     // EDIT
                    }
                }));
             }
        })
    }
    select: function(event, ui) {
        $("#referrer_id").val(ui.item.value);  // ui.item.value contains the id of the selected label
    }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery自动完成获取id作为所选标签 的相关文章

随机推荐

  • 如何在MASM中为一个项目编写和组合多个源文件?

    对于组装来说还是个新手 玩起来很有趣 我想将程序的功能拆分到多个文件中 特别是通过将类似的功能分组在一起进行组织 这些其他文件将由主文件 甚至希望其他非主文件 调用 我还没有成功 希望得到帮助 我不使用 IDE 更喜欢使用 notepad
  • Excel VBA 用于匹配和排列行

    我有一个 Excel 文档 其中包含 A 到 J 列 K 到 N 列包含相关数据 但未对齐 我需要将 F 列中的值与 K 列中的值进行匹配 以便它们对齐 当我移动K时 我必须一起移动L M N 我无法对 A 到 J 列进行排序 它们必须保留
  • JWT 计算签名 SHA256withRSA

    我试图 使用 SHA256withRSA 对输入的 UTF 8 表示形式进行签名 也可以 称为带有 SHA 256 哈希函数的 RSASSA PKCS1 V1 5 SIGN 从API控制台获取的私钥 输出将是 字节数组 所以让我们将 Hea
  • Django Count 和 Sum 注释相互干扰

    在建设综合体的同时QuerySet通过几个注释 我遇到了一个可以通过以下简单设置重现的问题 以下是型号 class Player models Model name models CharField max length 200 class
  • WPF 工具包数据网格标头和空源

    如果没有可显示的行 如何使数据网格显示标题 我的数据网格是 完全 只读的 自动生成列 真 CanUserAddRows 假 CanUserDeleteRows 假 CanUserResizeRows 假 IsReadOnly 真 如果没有行
  • 将 int 数组转换为 char*

    这可能吗 我想将其转换为 char 以便稍后检索该值 Sure int array 4 1 2 3 4 char c reinterpret cast
  • Github/compare:如何比较两个不同的文件(不同的文件名,都在 HEAD 中)?

    我可以使用github吗 compare在HEAD中显示两个不同源文件之间的差异 这是我在命令行上执行此操作的方法git diff git diff HEAD docs tutorial 01 boxed function pointers
  • 预编译资产时出现“命令失败,状态为 ()”

    当我在生产环境中编译资源时 我和很多用户一样遇到了类似的问题 唯一的区别是我无法从跟踪中得到任何提示来解决问题 rake assets precompile RAILS ENV production trace Invoke assets
  • 比较字典,更新而不覆盖值[重复]

    这个问题在这里已经有答案了 I am not寻找这样的东西 如何将两个字典合并到一个表达式中 https stackoverflow com questions 38987 how do i merge two dictionaries i
  • 如何使用 CSS3 将链接列表拆分为 3 列?

    我有一个这样的链接列表 div a href link html Dummy link text a a href link html Dummy link text a a href link html Dummy link text a
  • 我们能否将大的 ajax 调用拆分为多个较小的调用以更快地加载数据?

    我使用下面的 ajax 调用从数据库检索数据并将其显示在我的页面中 ajax type POST url MyPage aspx LoadGrid data idyear 2020 contentType application json
  • 是否有针对 Android 设备的特定于设备的错误汇编?

    我们发现特定设备上的崩溃发生在某些标准 Java 库内 此崩溃仅发生在一种特定型号的设备上 我确信各种 Android 设备还有其他奇怪的地方 是否有 Android 设备已知问题的汇编 我特别在想所提供的库和 JVM 类型内容中的奇怪之处
  • 如果 UserAgent 是 iPhone,则动态更改 url 或 WordPress 主题

    有什么办法可以做到这一点吗 我的网站是http kennethreitz com http kennethreitz com 它由顶级 WordPress 上的一些中等 PHP 驱动 我的选择是检测用户是否使用 iPhone 以及是否使用
  • 打字稿和运算符

    我正在努力寻找定义 TypeScript 中的运算符 我最近遇到了以下代码 type IRecord
  • jQuery UI 滑块(以编程方式设置)

    我想即时修改滑块 我试图通过使用来做到这一点 slider slider option values 50 80 此调用将设置值 但元素不会更新滑块位置 呼唤 slider trigger change 也没有帮助 是否有另一种 更好的方法
  • BERT 问答中长文本的滑动窗口

    我读过解释滑动窗口如何工作的帖子 但我找不到有关其实际实现方式的任何信息 据我了解 如果输入太长 可以使用滑动窗口来处理文本 如果我错了 请纠正我 说我有一条短信 2017 年 6 月 Kaggle 宣布注册用户突破 100 万 给定一些s
  • 解决 CSS 背景不打印的最佳方法

    CSS 背景不打印通常效果很好 但是 有时我使用它们来传达上下文信息 解决无法打印但您确实想要显示的 CSS 背景的最佳方法是什么 我当前正在处理的示例是一个显示财务信息的表格 不同的背景颜色用于指示数字的 好 程度 例如非常有利可图 有利
  • React 将 props 对象转换为数组然后 setState

    我需要转换这个道具 到这个数组中 this setState locations label California value california label Nevada value nevada 最初我用的是这个plugin http
  • 如何在 Gerrit 2.16 中配置服务器端挂钩

    我已经开始使用 Gerrit 2 16 作为代码审查工具 并希望配置服务器端挂钩以在更改提交 推送到 gerrit 时验证 git 提交消息 尝试通过将脚本复制到 GIT DIR hooks 来使用钩子 诸如 ref update patc
  • jquery自动完成获取id作为所选标签

    我正在使用 JQuery 自动完成从 php 中的数据库获取数据 当我输入关键字时 我从数据库中获得了正确的结果 但是 我希望该数据的 id 分开 因为我不希望标签本身包含 id 我的 JQUERY 代码看起来像这样 referrer au