formのselectを選んだら有効になる

質問

以下のようなフォームで、「選択してください」以外を選択したら
送信ボタンが「有効」になるようにしたいのですが、うまくできません。
どなたか分かる方、教えてください。
よろしくお願いします。

<form>
<select name="city">
<option value="" selected>-- 選択してください --</option>

<option value="1">千代田区</option>
<option value="2">中央区</option>
<option value="3">港区</option>
<option value="4">新宿区</option>
<option value="5">文京区</option>
<option value="6">台東区</option>
<option value="7">墨田区</option>
・
・
・
</select>
<input type="submit" value="送信" />
</form>

回答No.2

Proof4

実はJavascriptを使わずに実現できます。
<select name="city">
を
<select name="city" required>
にするだけです。
選択されていない状態で送信ボタンが押されると、ブラウザがメッセージを表示してくれます。

回答No.1

t_ohta

<form>
<select name="city" onchange="isSelect();">
<option value="" selected>-- 選択してください --</option>

<option value="1">千代田区</option>
<option value="2">中央区</option>
<option value="3">港区</option>
<option value="4">新宿区</option>
<option value="5">文京区</option>
<option value="6">台東区</option>
<option value="7">墨田区</option>
</select>
<input type="submit" id="submit" value="送信" />
</form>

<script>
function isSelect () {
var sel = document.forms[0].city.value;
if (sel >= 1) {
document.getElementById("submit").disabled = null;
} else {
document.getElementById("submit").disabled = "disabled";
}
}
isSelect();
</script>