Javascript 选择dropdownlist值后如何单击自动提交按钮
这是我的密码。 选择dropdownlist值后如何单击自动提交按钮Javascript 选择dropdownlist值后如何单击自动提交按钮,javascript,php,jquery,Javascript,Php,Jquery,这是我的密码。 选择dropdownlist值后如何单击自动提交按钮 <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 &
<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
,因为此.form.submit在这种情况下将指向HtmlButtoneElement对象,而您希望它是表单元素的提交方法:
<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>
选择1
选择2
函数submitForm(){
document.getElementById('formid').submit();
}
似乎您想要触发事件,请单击按钮
$('#form1 select').on('change', function() {
$('#submit').trigger('click');
});
需要更多关于代码的信息。如果不了解更多情况,我将无能为力。按照您的建议更改按钮名称后,什么都没有发生,在更改名称之前,我会得到结果,在没有结果之后,我甚至会单击按钮更新的答案进行工作演示。更改按钮名称和id后,请确保更新javascript中的引用。是否有脚本触发按钮我的意思是我想对DD ListHi dfsq使用onchange事件我不打算提交表单,我想触发(单击)在下拉列表中更改值后显示按钮是否存在绑定到此按钮的单击事件要触发?选择“我不提交表单的所有RWS”部分,我想在选择DD列表结构中的值后触发显示按钮to是否有脚本触发按钮我的意思是我想对DD列表使用onchange事件jQuery代码在哪里??