jquery自动完成包含相同字段中的更多项目

时间:2016-01-28 00:22:45

标签: jquery

我在进入城镇后使用此功能自动完成国家

 $(function() {
function log( message ) {
  $( "<div>" ).text( message ).prependTo( "#log" );
  $( "#log" ).scrollTop( 1 );
}

$( "#town2" ).autocomplete({
  source: "<?php echo $absolute_site . "autocomplete/autocompletetown.php" ?>",
  select: function( event, ui ) {
                    var item = ui.item; // probably modification goes here...
                if(item) {
                    $("#country2").val(item.country);                       
                }

  }
})
    .autocomplete( "instance" )._renderItem = function( ul, item ) {
  return $( "<li>" )
    .append( "<a>" +item.value + "," +item.state + "," + item.country + "</a>" )
    .appendTo( ul );
};

});

GOAL 如何在#town2字段中输入item.value和item.state,以便在#town2字段中选择城镇后,我会有类似

的内容

迈阿密位于佛罗里达州(迈阿密是item.value,佛罗里达州是item.state)。 我到处搜索,但我只能找到多个值(而不是多个项目......)谢谢!!

1 个答案:

答案 0 :(得分:1)

应该能够像对待国家/地区一样简单地设置值。另外return false可以防止插件本身设置值

 select: function( event, ui ) {
        var item = ui.item; 
        if(item) {
              $("#country2").val(item.country); 
              $(this).val(item.value +' is in ' + item.state);   
              return false;                   
        }    
  }