Как исправить событие клика и две функции автозаполнения с jQuery в скриптах приложения? - PullRequest
Новая
       13

Как исправить событие клика и две функции автозаполнения с jQuery в скриптах приложения?

0 голосов
/ 28 апреля 2020

Обновлено: решено путем перезаписи функций автозаполнения в одну. Странный. Дополнительный документ уже вызывает проблему.

У меня 2 проблемы.

Сначала я запускаю две функции автозаполнения для клиентов и другую для сотрудников. Давайте обозначим функцию клиента как поле 1, а функцию сотрудника - как поле 2. Когда я набрал имя клиента в поле 1, имя которого пишется аналогично имени моего сотрудника, я получаю имена клиента и сотрудника. То же самое относится и к полю 2. Пример: Клиент: Aahliyah & Employee's: Aaina.

Во-вторых, когда я нажимаю кнопку отправки, это работает для некоторых имен. В поле 1 я набрал Ana & David в поле 2. Это работает. Но ... Когда я набрал "Джон" в поле 1, а Сара в поле 2. - это не работает. Я протестировал функции события кликов, прежде чем добавлять библиотеки с сайта *ize3 * .com, и они работают. Они также немного поработали после добавления библиотек и функций автозаполнения. Теперь событие click работает только для некоторых имен.

Я использую jQuery со скриптами Google App.

Вот событие click и обе функции автозаполнения. Я включил библиотеки для jQuery и материализовал CSS с примечаниями об их положении в html. 

  <!--Import Google Icon Font   Note: Top of Page-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- JQuery Note: Top of Page-->    
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>  
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<!-- Compiled and minified JavaScript Note: Bottom of Page -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

  <script>
      var date = $("#date")[0];
      var student = $("#student")[0];
      var appt = $("#time")[0];
      var tutor = $("#tutor")[0];  

      $("#btn")[0].addEventListener("click",addRecord);
      function addRecord(){
        var d = date.value;
        var s = student.value;
        var a = appt.value;
        var t = tutor.value;

          if(d.trim().length == 0 || s.trim().length == 0 || a.trim().length == 0 || t.trim().length == 0){       
          } else {
            var log = {
              date: date.value,
              student: student.value,
              appt: appt.value,
              tutor: tutor.value,

          };
          google.script.run.appendData(log);          
          student.value = "";
          appt.value = "";
          tutor.value = "";

        }//Close IF Statement
     }//Close addRecord

//Initialize autocomplete for clients
   $(document).ready(function(){
    $('#tutor').autocomplete({
      data: {
        "Apple": null,
        "Microsoft": null,
        "Arookian": null,
        "Ausen": null,
        "DaCh": null,
        "Da": null,
        "Dain": null,
        "Ele": null,
        "Hada": null,
        "Lyd": null,
        "Mat": null,
        "Mich": null,
        "Ni": null,
        "No": null,
        "Pat": null,
        "Re": null,
        "Sev": null,
        "Sha": null,
        "Taii":null,
        "Tan": null
      },
    });
  });


//Initialize autocomplete for Employees
   $(document).ready(function(){
    $('#student').autocomplete({
      data: {
        "Apple": null,
        "Microsoft": null,        
      },
    });
  });

    </script>
...