Suganeshkumar Ответов: 1

Можно добавить два разных события JS на один и тот же HTML-тег для разных функций


У меня есть два варианта выбора с 2 различными функциональными кодами js, но 2 варианта выбора одинаковы: один делает подсчет, а другой использует для отображения местоположений на карте. Мне нужно объединить оба варианта выбора как общие, например, если я выберу абинаш для подсчета, а также местоположения на карте.

Заранее спасибо

Что я уже пробовал:

<pre> </div class="form-group">
        <div class="">
          <label  class="text-center p-1" for="category_state">Select Regional IT </label>
          <select id="category_itrep" onchange="filterMarkers(this.value);" >
              <option value="">Please select RIT wise</option>
              <option value="Abinash">Abinash</option>
              <option value="Jayakumar">Jayakumar</option>
              <option value="KA_Vacant">KA_Vacant</option>
              <option value="Manmohan">Manmohan</option>
              <option value="Narayanan">Narayanan</option>
              <option value="Nisvanth Kanna">Nisvanth Kanna</option>
              <option value="Rajkumar Kalal">Rajkumar Kalal</option>
              <option value="Ranjan Kumar">Ranjan Kumar</option>
              <option value="Ravikumar">Ravikumar</option>
              <option value="SP_Vacant">SP_Vacant</option>
              <option value="Thakar Sapan">Thakar Sapan</option>
              <option value="TN_Vacant">TN_Vacant</option>
              <option value="Yogesh">Yogesh</option>
          </select>

        </div> </br>
  <div class="form-group">
      <div class="">
      <select id="mySelectElement" onchange="myFunction()"> <option value="">Please select RIT wise</option>
              <option value="Abinash">Abinash</option>
              <option value="Jayakumar">Jayakumar</option>
              <option value="KA_Vacant">KA_Vacant</option>
              <option value="Manmohan">Manmohan</option>
              <option value="Narayanan">Narayanan</option>
              <option value="Nisvanth Kanna">Nisvanth Kanna</option>
              <option value="Rajkumar Kalal">Rajkumar Kalal</option>
              <option value="Ranjan Kumar">Ranjan Kumar</option>
              <option value="Ravikumar">Ravikumar</option>
              <option value="SP_Vacant">SP_Vacant</option>
              <option value="Thakar Sapan">Thakar Sapan</option>
              <option value="TN_Vacant">TN_Vacant</option>
              <option value="Yogesh">Yogesh</option>  </select>
      <h6> Total Number of Branches attend by the specified RIT:
          <span id="branch_counts">0</span> </h6>
      </div>
  </div>
      </div>

1 Ответов

Рейтинг:
12

F-ES Sitecore

Вместо того чтобы использовать атрибут onchange, прикрепитесь к событию изменения с помощью самого js-кода

JavaScript DOM EventListener[^]

Это позволит вам присоединить несколько подписчиков к одному и тому же событию. Просто убедитесь, что элемент существует до запуска вашего js, то есть он находится перед ним на странице.