0

当用户插入正确的值并转义输入字段时，我想自动填充输入字段。这方面的一个例子是https://www.redbus.in/ 我使用 url 字符串发送数据请求，然后接收结果。我想继续发送数据请求并接收结果，即使用户离开了这个领域？然后必须选择带有结果的列表的第一个值。比你帮忙！

我的代码是：

jQuery(document).ready(function(){
    jQuery( "#econt_offices_town" ).autocomplete({
        minLength: 2,
        autoFocus: true,
        source: function( request, response ) {
            jQuery.ajax({
                url: ajaxurl,
                dataType: "json",
                data: {
                    action:'handle_ajax', 
                    city: request.term
                },
                success: function( data ) {
                    response(jQuery.map(data, function(item) {
                                    return {
                                        label:      item.label,
                                        value:      item.value,
                                        city_id:    item.id,
                                        post_code:   item.post_code           
                                    };
                            }));
                }, //end of success
            }); //end of ajax
        }, //end of source
        select: function( event, ui ) {
            var city_id = ui.item.city_id;
            var post_code = ui.item.post_code;
            jQuery('#econt_offices_postcode').val(post_code);
            jQuery('#office_locator').show(); //show office locator button after the city is selected
            jQuery('#econt_offices_postcode, label[for="econt_offices_postcode"], #econt_offices, label[for="econt_offices"]').show();
            jQuery.ajax({
                url: ajaxurl,
                dataType: "json",
                data: {
                    action:'handle_ajax', 
                    office_city_id: city_id, 
                    delivery_type: 'to_office'
                },
                success: function( data ) {
                    jQuery('#econt_offices').empty()
                    jQuery.each(data, function(key, value) {
                        jQuery('#econt_offices').append(jQuery("<option/>", {
                                value: value.id,
                                text: value.value + ' [о.к.:' + value.id + ']'
                        }));
                    });
                    calculate_loading(); //calculate loading cost for shipping to office
                } //end of success
            }); //end of ajax
        }, //end of select
    }); //end of #econt_offices_town .autocomplete
4

2 回答 2

0

尝试使用一些创造性的用途添加一些额外的事件管理。

如果我知道您想在有人跳出或单击其他地方时选择一个值（焦点丢失）

$("#econt_offices_town").on('keydown focusout', function(event) {
  if (event.keyCode != $.ui.keyCode.TAB && !(event.type == "focusout")) return;

  event.keyCode = $.ui.keyCode.DOWN;
  event.type = "keydown";//change the event from focusout
  $(this).trigger(event);

  event.keyCode = $.ui.keyCode.ENTER;
  $(this).trigger(event);
});
于 2016-04-14T22:56:11.287 回答
0

我知道了。如果列表中只有一个值，这就是如何自动选择。我把这段代码放在“源”和“选择”之间

response: function(event,ui) {
            if (ui.content.length == 1) {
                ui.item = ui.content[0];
                jQuery( "#econt_offices_town" ).data('ui-autocomplete')._trigger('select', 'autocompleteselect', ui);
                jQuery( "#econt_offices_town" ).autocomplete('close');
            }
        },
于 2016-04-16T08:56:03.673 回答