2013-05-06 50 views
0

我正在爲自己做一個小項目,我在提交表單時遇到問題,請不要誤解我可以通過按提交按鈕來提交它。提交表格onchange,如果其他值0

我有一個由Text域,兩個下拉菜單和一個提交按鈕組成的表單。 此表格工作正常,但問題在於,如果選擇第一個下拉列表並且文本字段爲空,並且第二個下拉列表選擇了其默認值(未更改),我希望表單也可以提交。

我不想發佈整個代碼,因爲顯而易見的原因,所以如果你想要特定的東西,只是問,我會很樂意發佈代碼。

+0

你是怎麼到目前爲止? – 2013-05-06 18:01:56

+0

我有一個工作的formu,但我希望它提交如果第一個下拉列表更改,但第二個保持不變,文本框爲空。 – eLbor 2013-05-06 18:03:20

回答

1

創建一個JavaScript功能,並且平變化listerner添加到您選擇的選項

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; 
    } 
} 
+0

,但它不提交第一個下拉菜單的形式更改,或者我只是不明白如何使其工作。 – eLbor 2013-05-06 19:02:33

+0

我還沒有添加代碼來提交表單。在這裏看到註釋//提交表單。您必須用document.forms [0] .submit替換警報。 – NullPointerException 2013-05-06 19:13:43

+0

但我是否在表單標籤上提交?因爲我知道這個功能只會在表單被引用時觸發。 – eLbor 2013-05-06 19:16:05