Question

这是我的代码。如何在选择下拉列表值后单击自动提交按钮？

<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>

Answer 1

您需要绑定onchange事件并调用HTMLFormElement的提交方法：

$('#form1 select').on('change', function() {
    this.form.submit();
});

重要细节。重命名您的提交按钮，您不希望它具有名称submit，因为在这种情况下this.form.submit将指向HTMLButtonElement对象，而您希望它是表单元素的提交方法：

<input name="submit-btn" type="submit" id="submit-btn" value="SHOW" />

演示： http://jsfiddle.net/dfsq/vkadz4cu/

Answer 2

你这里没有给出下拉代码，因此我假设并写作：

<select name="drpdwn" onclick="submitForm()">
   <option value="opt1">Option1</        option>
 <option value="opt2">Option2</option>
 </option>

 <script>
 function submitForm(){
              document.getElementById('formid').submit();

   }


   </script>

Answer 3

似乎你想触发事件点击按钮。

$('#form1 select').on('change', function() {
    $('#submit').trigger('click');
});

选择下拉列表值

3 个答案: