带有两个参数的Jquery自动填充

Posted

技术标签:

【中文标题】带有两个参数的Jquery自动填充【英文标题】:Jquery Autofill with two parameters 【发布时间】:2013-07-10 14:15:30 【问题描述】:

我知道它可能像 123 一样简单,但我是 jquery 的菜鸟.. 我有一个功能:

 $(function()
 
  $('#ser').autocomplete('serial.php?tp='+$('#type').val(), 
   width: 150, );
 );

..将文本字段 ser 的值和下拉列表 type 传递到我正在使用基于这两个变量的查询的页面..仅适用使用下拉列表中的第一个 var 但如果我更改其中的 var,它仍然使用列表中的第一个...换句话说,它不是动态的... 我也试过这个功能:

   $(document).ready(function()
  $("#ser").click(function()
   var tp = $("#type").val();
);
  );

动态工作,但我无法在其他函数中将 var tp 添加到 url 地址(因为我是菜鸟!)

请帮忙

【问题讨论】:

你的问题让我很困惑。让我直截了当地说...您正在使用 jQuery UI 自动完成功能吗?你想做什么?也许您可以在 jsfiddle 上发布一个完整的示例,并让它提醒对您的 php 文件的任何调用。我相信我可以提供帮助,但如果没有更明确的例子,我对您要做什么感到困惑。 谢谢约瑟夫,但我已经整理好了...我会发布代码以防万一有人有类似问题.. 也发布您的 html,让我们了解所有这些 id 是什么 【参考方案1】:

这是我一直在寻找的解决方案:

$(function()
 
  var tp='';
   $("#ser").click(function()
    tp = $("#type").val();
//alert(tp);
$('#ser').autocomplete('serial.php?tp='+tp, 
   width: 150, );
  );


  );

【讨论】:

【参考方案2】:

自动完成“源”可以是数组、字符串或函数。您已选择使用字符串。

当对源使用字符串选项时,用户提供的值会自动附加到查询字符串,但字符串的其余部分是静态的,仅在页面加载时评估一次。当用户改变他们的输入时,它不会被重新评估。

如您所愿,要使 url 动态化,您需要使用第三个选项:函数。

【讨论】:

以上是关于带有两个参数的Jquery自动填充的主要内容,如果未能解决你的问题,请参考以下文章

jquery 防止自动填充表单

在 JQuery 自动完成填充输入字段后调用新函数

显示数据库表中的两个字段以填充 jquery 自动完成

jquery自动填充/自动完成没有下拉

如何禁用 chrome / jquery 的自动完成和自动填充

jQuery UI 自动完成与类似 Chrome 的自动填充