通过选择onchange和通过按钮提交表单。输入的值不同

时间:2016-05-13 19:30:53

标签: javascript forms submit

我的表单包含不同的<select>字段和一个按钮。我想在更改选择和单击按钮时提交表单。但是,我有另一个隐藏的输入字段,如果通过onchange或通过单击按钮提交表单,我希望此隐藏字段的值不同。

非常感谢。

<form method="get" action="stats2.php" id="myform">
<select name="year" id="selYear" onchange="this.form.submit()">
<option value=2015>2015/16</option> 
<option value=2014>2014/15</option> 
<option value=2013>2013/14</option>
</select> 
<input type="hidden" name="myinput" value="0"/></input> 
<input type = "submit" value="Run it!"></input>
</form>

1 个答案:

答案 0 :(得分:0)

你可以添加一个javascript函数来处理onchange事件;

<form method="get" action="stats2.php" id="myform">
    <select name="year" id="selYear" onchange="onChange()"> 
    <option value=2015 <?php if ($year==2015) { echo "selected='selected'";}?>>2015/16</option> 
    <option value=2014 <?php if ($year==2014) { echo "selected='selected'";}?>>2014/15</option> 
    <option value=2013 <?php if ($year==2013) { echo "selected='selected'";}?>>2013/14</option> 
   <input type="hidden" name="myinput" value="0"/> 
   <input type = "submit" value="Run it!" onclick="onSubmitClick()"/></form>

您可以在selYear

的更改事件处理程序上创建JavaScript
<script>
   function onChange(){
       document.getElementsByName("myinput")[0].value = "changed";
       document.getElementById("myform").submit();      
  }

  function onSubmitClick(){
       document.getElementsByName("myinput")[0].value = "Something else";
       return true;
  }
</script>