Question

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

Answer 1

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

LIVE DEMO

使用jQuery，你可以这样做：

// in DOM ready function!

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

LIVE DEMO

Answer 2

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

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

然后使用submit（）函数强制提交表单。

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

2 个答案: