Несколько кнопок отправки на основе выпадающего списка

Question

Вопрос нового пользователя ... интересно, может ли javascript быть решением?

Возможно ли иметь выпадающее меню с несколькими вариантами. Затем, на основе какой опции выбрано действие двух кнопок отправки?

В этом случае, когда каждая кнопка отправки будет ссылаться в зависимости от опции, выбранной в раскрывающемся списке ... ссылки на каждой кнопке различаются?

Answer 1

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

Answer 2

Да, вы можете легко с JQuery. Вы можете просто назначить событие клика кнопке отправки после выбора выпадающего меню.

Посмотрите на http://api.jquery.com/change/ добавьте обработчик события изменения в раскрывающееся меню. В обработчике события изменения установите соответствующий обработчик кликов для кнопок отправки.

Вот пример. http://jsfiddle.net/24Vbr/6/

HTML

<form> 
     <input class="target" type="text" value="Field 1" /> 
     <select class="target"> 
      <option value="option1" selected="selected">Option 1</option> 
      <option value="option2">Option 2</option> 
     </select> 
     <button id='button1' type="button">Button with changing click handler based on dropdown </button> 
    </form> 
    <div id="other"> 
    Trigger the handler 

---

JS

var onSubmit1 = function() 
{ 
    alert('submit1'); 
}; 

var onSubmit2 = function() 
{ 
    alert('submit2'); 
}; 



$('.target').change(function(e) {  
    var dropdown = $('.target'); 
    var text = $(".target option:selected").text();  

    var $button1= $('#button1'); 
    $button1.unbind('click'); 

    if(text == "Option 1"){ 
     $button1.click(onSubmit1); 
     return; 
    } 

    $button1.click(onSubmit2);  
});