Autocomplete ajax не работает

Question

 <script> 

function autocomplet1() { 
    var min_length = 0; // min caracters to display the autocomplete 
    var keyword = $('#select01').val(); 
    if (keyword.length >= min_length) { 
     $.ajax({ 
      url: 'barcode.php', 
      type: 'POST', 
      data: {keyword:keyword}, 
      success:function(data){ 
       $('#barcode01').show(); 
       $('#barcode01').html(data); 
      } 
     }); 
    } else { 
     $('#barcode01').hide(); 
    } 
} 

function set_item(item2) { 
    $('#select01').val(item2); 
    var customer = $("#customer").val(); 
    $.post("sales/add", {"data[Sales][item]": item2 ,"data[Sales][customer_phone]": customer }, function (data) { 
     $('#details3').html(data); 
     $("#select01").val(''); 
}); 
    // hide proposition list 
    $('#barcode01').hide(); 
} 
</script> 

<script> 
// autocomplet : this function will be executed every time we change the text 
function autocomplet() { 
    var min_length = 0; // min caracters to display the autocomplete 
    var keyword = $('#customer').val(); 
    if (keyword.length >= min_length) { 
     $.ajax({ 
      url: 'abc.php', 
      type: 'POST', 
      data: {keyword:keyword}, 
      success:function(data){ 
       $('#country_list_id').show(); 
       $('#country_list_id').html(data); 
      } 
     }); 
    } else { 
     $('#country_list_id').hide(); 
    } 
} 
function set_item(item1) { 
    $('#customer').val(item1); 
    $.post("sales/add", {"data[Sales][customer]": item1 }, function (data) { 
     $('#details').html(data); 
}); 
    // hide proposition list 
    $('#country_list_id').hide(); 
} 
</script> 


<div class="input_container"> 


      <input type="text" id='customer' onkeyup="autocomplet()" name="data[Sales][customer]" class="input-small focused"> 
        <ul id="country_list_id" style='height: 500px;'></ul></div></div> 
<div class="content"> 
     <div class="input_container"> 


      <input type="text" id='select01' onkeyup="autocomplet1()" name="data[Sales][item]" class="input-small focused"> 
        <ul id="barcode01" style='height: 500px;'></ul></div></div> 

Выше сценарий автозаполнения. Оба сценария имеют одинаковые функции set_time. Если я изменил имя функции как set_time1, то автозаполнение не будет работать. Как решить эту проблему? , Мне нужно использовать две автозаполнения на одной странице.

Answer 1

Хорошо, так как это трудно объяснить в крошечных комментариях, я напишу его здесь.

Возьмите этот сценарий:

function set_item(){ 
    alert("Hello!"); 
} 

function set_item(){ 
    alert("Goodbye!"); 
} 

set_item(); 

Что вы думаете, что произойдет? Что будет предупреждено? Ответ: «До свидания!», Потому что второе определение функции перевернуло первое. Вы никогда не увидите «Привет!». оповещения.

Это то, что происходит, когда две функции имеют одно и то же имя. И у вас есть две функции с тем же именем. Размещение их в разных тегах <script> ничего не изменит, это все тот же объем.