超过1个字段的JQuery UI自动完成

时间:2013-05-06 10:29:47

标签: jquery jquery-ui jquery-autocomplete

我正在使用JQuery UI Autocomplete。我有2个字段,我希望自动完成工作。我将如何重构以下内容,以便我可以在2个字段上进行自动完成工作?我知道我可以复制并粘贴代码,但我知道有更好的方法!

jQuery(document).ready(function() {    
  jQuery(function() {     
      jQuery( "#wpsc_checkout_form_22" ).autocomplete({
        source: function( request, response ) {
          var suburb = jQuery("#wpsc_checkout_form_22").val();
          jQuery.ajax({
            url: "../wp-admin/admin-ajax.php",
            dataType: "json",
            data: {
              featureClass: "P",
              style: "full",
              maxRows: 12,
              action: "get_suburb_list",
              query: suburb,                       
            },
            success: function( data ) {
              response( jQuery.map( data.locations, function( item ) {
                return {
                  label: item.location + " " + item.state + " " + item.postcode,                                    
                  value: item.location + " " + item.state + " " + item.postcode
                }
              }));
            }
          });
        },
        minLength: 2,
        select: function( event, ui ) {
          //
        },
        open: function() {
          jQuery( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
          jQuery( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }
      });
    });
});

0 个答案:

没有答案