如何在选择期权时提交表格?

时间:2013-09-09 22:40:28

标签: php javascript jquery html forms

是否有一种简单的方法可以使用下拉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>

2 个答案:

答案 0 :(得分:7)

<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 :(得分:2)

尝试将onchange事件附加到选择对象

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

然后使用submit()函数强制提交表单。