[英]How to click automatically submit button after selecting dropdownlist value
这是我的代码。 选择下拉列表值后如何单击自动提交按钮?
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="GET" name="form1" class="style1" id="form1">
<p align="center">Select Section
<select name="section" required ><option selected="selected" disabled="disabled">Select Section</option>
<option>ALL</option>
<option>RWS</option>
<option>Structure</option></select>
From
<input name="fromdate" type="date" placeholder="YYYY-DD-MM" required id="mydate" data-lang="en" data-years="2014-2050" data-format="YYYY-MM-DD"/>
To
<input name="todate" type="date" placeholder="YYYY-DD-MM" required id="mydate1" data-lang="en" data-years="2015-2055" data-format="YYYY-MM-DD"/>
<input name="submit" type="submit" id="submit" value="SHOW" />
</p>
您需要绑定 onchange 事件并调用 HTMLFormElement 的 submit 方法:
$('#form1 select').on('change', function() {
this.form.submit();
});
重要细节。 重命名您的提交按钮,您不希望它具有名称submit
因为在这种情况下this.form.submit
将指向 HTMLButtonElement 对象,而您希望它成为表单元素的提交方法:
<input name="submit-btn" type="submit" id="submit-btn" value="SHOW" />
您没有在此处提供下拉代码,因此我假设并编写:
<select name="drpdwn" onclick="submitForm()">
<option value="opt1">Option1</ option>
<option value="opt2">Option2</option>
</option>
<script>
function submitForm(){
document.getElementById('formid').submit();
}
</script>
似乎你想触发事件点击按钮。
$('#form1 select').on('change', function() {
$('#submit').trigger('click');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.