提交表格onchange和其他值0

时间:2013-05-06 17:59:53

标签: javascript html forms submit

我正在为自己制作一个小项目,我在提交表单时遇到问题,不要误解我的意思,我可以通过按提交按钮提交。

我有一个由文本字段,两个下拉菜单和一个提交按钮组成的表单。 这个表单工作正常,但问题是,如果选择第一个下拉列表,我希望表单也提交,文本字段为空,第二个下拉列表选择了其默认值(未更改)。

我不想出于显而易见的原因发布整个代码,所以如果你想要特定的东西,请问,我很乐意发布代码。

1 个答案:

答案 0 :(得分:1)

创建一个javascript函数,并将onchange监听器添加到您选择的选项

请参阅fiddle

Select Box1 <select id="sel1" onchange="doCheck();" >
    <option value="0">Select</option>
    <option value="1">One</option>
    <option value="2">Two</option>
 </select>

在onChange上调用JS方法以提交表单

function doCheck()
{
  var changed= false;

if(document.getElementById("text").value=="" && document.getElementById("sel1").value!="0" && document.getElementById("sel2").value=="0")
{
    changed=true;
}
    if(changed){
       alert("submitting form : "+changed);
       document.forms[0].submit;
    }
   else{
      alert("Not submit form : "+changed); 
       return false;
   }
 }