人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptを使用してコンボボックスを連動させようとしています。

JavaScriptは学び始めたばかりのため、jQueryのライブラリを使うなどより理解できる程度のものから動かして理解していきたいと思い、下記URLのサンプルを試しています。
(並行していろいろな方法も試しています)

http://d.hatena.ne.jp/Mars/20071109

ですが、そのまま使用すると、ConnectedSelect.jsの19行目
obj.onchange = function(){ConnectedSelectEnabledSelect(this)};
で、「プロパティ'onchange'の値を設定できません:オブジェクトはNullまたは未定義です。」というエラーがでてしまいます。

とりあえず動くようにしたいのですが、どのように修正したらよいか教えてください。
宜しくお願いします。

●質問者: kon39392
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど
●100ポイント ベストアンサー

コードが動かないといったような場合は、コメント欄などにコードを書いて、
動作テストに利用しているOSやブラウザのバージョンも明記しておいたほうが良いでしょう。

さて、こちらでコード書いてみましたので確認してみてください。
WindowsXPでfirefox18とIE8で最新版にアップデート済みのもので動作確認してます。

<html>
<head>
 <script type="text/javascript" src="ConnectedSelect.js"></script>
</head>
<body>
 <select id="SEL1">
 <option value="XXX">XXX</option>
 <option value="YYY">YYY</option>
 </select>
 <select id="SEL2">
 <option value="">---</option>
 <optgroup label="XXX">
 <option value="x1">x1</option>
 <option value="x2">x2</option>
 </optgroup>
 <optgroup label="YYY">
 <option value="y1">y1</option>
 <option value="y2">y2</option>
 </optgroup>
 </select>
 <script type="text/javascript">
 ConnectedSelect(['SEL1','SEL2','SEL3']);
 </script>
</body>
</html>

kon39392さんのコメント
ありがとうございます。 なるほど、コードはコメント欄に書けば文字制限などに悩まされることなく済みますね。今後そうします。 ちなみに自分の間違いはConnectedSelect処理を上のほうに書いてしまっていました。お恥ずかしい限りです。 ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ