jQuery自动完成使用extraParams传递额外的GET变量

前端之家收集整理的这篇文章主要介绍了jQuery自动完成使用extraParams传递额外的GET变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我特指jQuery Autocomplete v1.1插件JörnZaefferer [来源: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/],因为这个插件似乎有很多变体。

我试图传递额外的参数到服务器,当用户开始输入,因为我有多个字段,我想自动完成提供建议。

除了查询,我想发送输入名称属性到服务器,但我似乎不能在extraParams中使用$(this).attr(‘name’)。

我的jQuery:

$('.ajax-auto input').autocomplete('search.PHP',{
     extraParams: {
      search_type: function(){
       return $(this).attr('name');
      }
     }
   })

这是我的HTML。

<form method="post" action="#" id="update-form" autocomplete="off">
  <ol>
         <li class="ajax-auto">
             <label for="form-initials">Initials</label>
                <input type="text" id="form-initials" name="initials" />
            </li>
         <li class="ajax-auto">
             <label for="form-company">Company</label>
                <input type="text" id="form-company" name="company" />
            </li>
  </ol>
 </form>

有什么建议么?

解决方法

我使用自动完成功能,现在是jquery ui的一部分。
传递“extraParams”字段不起作用,但您可以在请求查询字符串中附加值。
$(document).ready(function() {
    src = 'http://domain.com/index.PHP';

    // Load the cities straight from the server,passing the country as an extra param
    $("#city_id").autocomplete({
        source: function(request,response) {
            $.ajax({
                url: src,dataType: "json",data: {
                    term : request.term,country_id : $("#country_id").val()
                },success: function(data) {
                    response(data);
                }
            });
        },min_length: 3,delay: 300
    });
});
原文链接:https://www.f2er.com/jquery/184191.html

猜你在找的jQuery相关文章