2013-09-09 6 views
0

Есть ли простой способ использовать выпадающее меню select в качестве кнопки отправки? Я бы предпочел не иметь <input type="submit" name="submit">, только для формы, чтобы авто-отправить при выборе опции? Javascript, jquery, php, css и чистый HTML-ответы работают для меня.Как отправить форму после выбора опции?

<form name="order" action="" method="get"> 
    <select type="submit" name="carlist"> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="opel">Opel</option> 
     <option value="audi">Audi</option> 
    </select> 
</form> 
+3

какие усилия вы сделали? –

+0

Присоединить событие отправки к форме и предотвратить событие по умолчанию. Затем присоедините событие изменения к выпадающему меню и оставьте там форму. – elclanrs

+1

Я считаю, что вы хотите использовать это как меню навигации, верно? * Я знал это * ;-) –

ответ

6
<select name="carlist" onchange="this.form.submit()"> 

LIVE DEMO

с JQuery вы можете сделать так:

// in DOM ready function! 

$('[name="carlist"]').change(function() { 
    $(this).closest('form').submit(); 
}); 

LIVE DEMO

+1

Я выбираю этот, потому что он кажется простым и эффективным. +1. – EveyPortman

2

Попробуйте подключить OnChange событие в выберите объект

<select type="submit" name="carlist" onchange="document.getElementsByName('order')[0].submit()"> 

Затем принудительно отправить форму с функцией отправить().

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