javaスクリプトがIE以外のブラウザで動作しない
はじめまして、初心者です。javaスクリプトを使って、フォームのチェックボックスにチェックを入れるとそれ以降のフォームの項目(セレクト)が機能するようにしたのですが、なぜかインターネットエクスプローラーでしか動作しません。
1.IE以外の全てのブラウザで機能しません。(IEだけ動作します)
2.原因はブラウザ側の設定ではないようです。(各ブラウザで確認済み)
3.javaスクリプトは外部リンクです。HTMLでの記述場所はhead内
4.HTML内の外部リンク記述内容↓
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Style-type" content="text/css" />
<meta http-equiv="Content-Script-type" content="text/javascript" />
<script type="text/javascript" src="./order1.js"></script>
</head>
5.フォームの記述内容↓
<form id="order" name="名前" method="post" action="http://www.---" enctype="----">
<input type="checkbox" name="choice" value="名刺 " id="a1" onclick="choice_goods();" />
<select name="choice_a1_1" id="a1_1" disabled="false">
<option value="01ホワイト">No,01ホワイト</option>
<option value="02レッド">No,02レッド</option>
<option value="03ブルー">No,03ブルー</option>
<option value="04ブラック">No,04ブラック</option>
</select>
<select name="choice_a1_2" id="a1_2" disabled="false">
<option value="100枚">100枚</option>
<option value="200枚">200枚</option>
<option value="300枚">300枚</option>
<option value="400枚">400枚</option>
</select>
</form>
6.javaスクリプトの記述内容↓
// Java Document
function choice_goods(){
if (document.order.a1.checked) {
document.order.a1_1.disabled = false;
} else {
document.order.a1_1.disabled = true;
}
if (document.order.a1.checked) {
document.order.a1_2.disabled = false;
} else {
document.order.a1_2.disabled = true;
}
}
●以上です。当方javaに限らずプログラム自体が初心者でとんでもない間違いを犯しているのかもしれませんが、ブラウザのIEでは問題なく動作しているだけに逆にどこが悪いのか調べるのが困難です。
プログラムにに詳しい友人に相談したのですが、特に悪い箇所も無くまさに原因不明だそうです。
大変困っていますどうかよろしくお願いいたします。
※上記の内容では判断できかねる場合は申してください。