2016-01-25 2 views
0

У меня есть простая опция выбора HTML-кода и функция javascript. В настоящее время я использую функцию со ссылками и кнопками, используя триггер события onClick.Функция Trigger JS на основе опции выбора

Я хочу использовать параметры выбора, чтобы вызвать функцию. Функция (например, платформа() запускает фильтр во встроенной информационной панели.Я хочу, чтобы новая функция приняла выбранное значение и применила связанную функцию (e..g, platform()), фильтр встроенной панели. т хотим показать, что был выбран

Это только отрывок из моего HTML и JS файлов -.., которые включают в себя все необходимые ссылки на ресурсы, такие как JQuery

Как я сделал бы это?

Примечание: В настоящее время функции для каждого из значений, включенных в Select Opti дополнения. Я включил один только для того, чтобы задать вопрос. Другие функции отличаются только по имени и значение, которое соответствует параметру Выберите значение, предоставляемого

<!DOCTYPE html> 
<html> 
    <body> 

     <form>      
      <h3>Color Detail</h3> 
      <br> 
      <p>Select the level of detail to depict by color.</p> 
      <select id="select_a" name="color"> 
       <option value="Organization">Organization</option> 
       <option value="Parent Organization">Parent Organization</option> 
       <option value="Parent Organization">Parent Organization</option>   
       <option value="Market">Market</option> 
       <option value="Segment">Segment</option> 
       <option value="Program">Program</option> 
       <option value="Platform">Platform</option> 
      </select>    
     </form> 

     <script> 
      function platform() { 
       mainWorkbook = mainViz.getWorkbook(); 
       // Set to Detail to Platform (aka Type) 
       mainWorkbook.changeParameterValueAsync('Color Detail', 'Platform').then(function() { 
        alertOrConsole("'Color Detail' parameter set to Platform"); 
       }); 
      }; 
     </script> 
    </body> 
</html> 
+0

Смотрите этот вопрос о том, как вызвать функцию, когда у вас есть свое название HTTP : //stackoverflow.com/q/359788/3029422 – Ionut

ответ

3

Использования на событии изменения

$("#select_a").on('change', function(){ 
    var selectedVal = $(this).val(); 
    switch(selectedVal){ 
     case 'Parent Organization': 
      organization(); 
     break; 
     case 'Market': 
      market(); 
     break; 
     case 'Segment': 
      segment(); 
     break; 
     case 'Program': 
      program(); 
     break; 
     case 'Platform': 
      platform(); 
     break; 
    } 
}); 
+0

И не забудьте включить библиотеку jQuery в качестве связанного источника. – Draco18s

+0

Я добавил свою функцию (одну сверху). Я изменил свои значения параметров, чтобы включить платформу (которая, если вы видите, не включена в исходный список значений параметров (мой плохой). Во всяком случае, нет кубиков. Я хочу, чтобы в окне выбора была функция, связанная с выбором. предположим, что новая функция должна искать выбранное значение, а затем запускать правильную функцию - как я полагаю (в конечном итоге решение) была бы подобная, если бы выбрана функция для каждого значения в списке выбора. ? – Hellyar

+0

@Hellyar Но я думаю, что последнее решение было положено в соответствии с вопросом, так или иначе я одобрил изменение. – Farhan

Смежные вопросы