下拉选项框和提交按钮的一个问题

Question

以下代码在查询的时候有个问题：如果没有选择下拉选项框的内容，查询就会出错。请问：怎么让select在默认的时候（此时option的value为0），disable提交按钮？选择了具体内容后，取消disable？<form id="form1" name="form1" method="post" action="search.php">
<select name="gk">
<option value="0">--请选择查询内容--</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
</select>
<input type="submit" value="查询" />
</form>

Answer 1

<form id="form1" name="form1" method="post" action="search.php">
<select name="gk">
<option value="0">--请选择查询内容--</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
</select>
<input id="query" type="submit" value="查询" disabled="disabled" /><!--这里加了点东西-->
</form>
<script>
document.form1.gk.onchange=function(){
var dom = document.getElementById("query");
if(this.value=="0")
dom.disabled = "disabled";
else
dom.disabled = "";
}
</script>

Answer 2

这样也可以<form id="form1" name="form1" method="post" action="search.php" onsubmit="if(this.gk.value==0){alert('请选择查询内容');return false;}">
<select name="gk">
<option value="0">--请选择查询内容--</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
</select>
<input type="submit" value="查询" />
</form>

Answer 3

我这个 是笨方法啊  if(value==0)就禁用提交按钮 (value!=0) 就启用提交按钮
不知道可不可以