Member 13233111 Ответов: 1

Как я вызываю несколько функций на основе значений.

У меня есть один Selectbox, который состоит из 4 значений. Я хочу вызвать функцию для определенного значения. Кнопка On, где мы можем вызвать только функцию onClick. Итак, я хочу, чтобы если выбрано значение 1, то вызовите функцию 1 при нажатии кнопки и так далее.

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

Пожалуйста, предложите мне какой-нибудь код.

<pre><td>
  <div class="dropdown">
   <select id="myDropdown" class="dropbtn" data-native-menu="true"> 
                        <option selected="selected">Search▼</option>
                        <option value="Alert" id="Alert">Alert</option>
                        <option value="Incident Report">IR</option>
                        <option value="Site">Site</option>
                        <option value="Device">Devices</option>                     
                    </select></div>
  </td>


это выпадающий список 
<pre><td> 
<button type="submit" onclick="SearchContext()" id="searchbutton" style="height:50px; width:150px" class="searchbtn">Search Now</button>
</td>

а это кнопка

1 Ответов

Рейтинг:
7

Thomas Daniels

В SearchContext, возьмите выбранное значение и используйте switch чтобы решить, какую функцию вызывать:

function SearchContext() {
    var selectedValue = document.getElementById("myDropdown").value;
    switch (selectedValue) {
        case "Alert":
            alertButtonClicked();
            break;
        case "Incident Report":
            irButtonClicked();
            break;
        case "Site":
            siteButtonClicked();
            break;
        case "Device":
            deviceButtonClicked();
            break;
    }
}
Заменить ...ButtonClicked имена с вашими фактическими именами функций.