使用 javascript 自动完成显示城市名称

Question

代码：

 $.ajax({
        url : '/Addbus',
        type : 'POST',
        dataType : 'JSON',
        success : function(data){
        var dt = JSON.parse(data.body);
            $.each(dt,function(i,v){
               $.each(v,function(j,p){
             var arr={};
                 arr= p.name+ ',' +p.id;
                temp.push(arr);
            var result=JSON.stringify(temp);
         console.log(result);

      $("#source").autocomplete({
        source: result, // The source of the AJAX results
        minLength: 3, // The minimum amount of characters that must be typed before the autocomplete is triggered
        focus: function( event, ui ) { // What happens when an autocomplete result is focused on
            $("#source").val( ui.item.value );
            return false;
      },
      select: function ( event, ui ) { // What happens when an autocomplete result is selected
          $("#source").val( ui.item.value );
          $('#source-id').val( ui.item.label );
      }
  });

当我在文本框中选择 cityname 然后在 ui.item.value 和 ui.item.label 我得到的值是 物品 ： 标签 ： “海得拉巴，6” 价值 ： “海得拉巴，6”， 现在我怎样才能将它们分开并接受不同的值。例如我想要值作为 id=6 和 name=hyderabad。

Answer 1

const name = ui.item.value.split(',')[0];
const id = ui.item.value.split(',')[1];

Answer 2

也许这会对你有所帮助，不要对结果数组进行字符串化，将其用作源中的数组

$.ajax({
        url : '/Addbus',
        type : 'POST',
        dataType : 'JSON',
        success : function(data){
        var dt = JSON.parse(data.body);
            $.each(dt,function(i,v){
               $.each(v,function(j,p){
             var arr={};
                 arr.label = p.name;
                 arr.value = p.id;
                temp.push(arr);
            var result=temp

      $("#source").autocomplete({
        source: result, // The source of the AJAX results
        minLength: 3, // The minimum amount of characters that must be typed before the autocomplete is triggered
        focus: function( event, ui ) { // What happens when an autocomplete result is focused on
            $("#source").val( ui.item.value );
            return false;
      },
      select: function ( event, ui ) { // What happens when an autocomplete result is selected
          $("#source").val( ui.item.value );
          $('#source-id').val( ui.item.label );
      }
  });

Answer 3

尝试使用这个...

const name = ui.item.split(',')[0];

const id = ui.item.split(',')[1];