プルダウンリストの内容の取得がうまくいかなくて困っています。

質問

こんばんは。

下記のようにwork_in1というid名のプルダウンリストで選択されている内容を取得しています。

work_inC1=work_in1.options[work_in1.selectedIndex].value;

Firebugでデバッグ（これが正しい言い方なのかわかりませんが…）すると「グローバルスコープで ID または name 属性値により要素を参照しています。代わりに W3C 標準の document.getElementById() を使用してください。」という注意（エラーではなさそう）が出ます。

実際、IE7では思った通りのことができているのですが、FireFoxこれのせいかほかの部分がうまく働かないのです。
getElementById()を使って書き直せばいいのだろうとは思うのですが、書き方がわからなくて困っています。

ということで…

1.work_inC1=work_in1.options[work_in1.selectedIndex].value;のdocument.getElementById()を使った書き方

2.Firebugの注意の意味（name 属性値により要素を参照とかの意味）

3.なぜIE7ではうまくいくのに、FireFoxではうまくいかないのか

以上三点について教えていただきたいのです。
どれか一つでもいいのでご存知の方がいらっしゃったらご教授ください。

お察しかと思いますが、当方JavaScript初心者のため、何かおかしな点や不備がありましたら遠慮なく言ってください。勉強になりますので。

どうぞよろしくお願いします。

回答No.1

yambejp · ベストアンサー

>1.work_inC1=work_in1.options[work_in1.selectedIndex].value;のdocument.getElementById()を使った書き方

一度変数に落としてやるといいでしょう。
var obj=document.getElementById('work_in1');
work_inC1=obj.options[obj.selectedIndex].value;

>2.Firebugの注意の意味（name 属性値により要素を参照とかの意味）
<xxx name="hoge">で指定してるオブジェクトにアクセスする際に
イキナリ「hoge.yyy=zzz」的なアクセスをしているということです。
これはやってはいけない最たるもののひとつです
実際のところほとんどのタグではname属性は非推奨・廃止予定ですので
このような書き方をすること自体が問題です。

>3.なぜIE7ではうまくいくのに、FireFoxではうまくいかないのか

IEが拡大解釈しているからです。ちょっと便利に見えますが、
「勝手にやっている」ことなのでFirefoxでうまくいかないほうが正しい挙動です。
まちがった書き方は所詮まちがったやり方なので、正しい書き方にするよう
気をつけてください。

お礼

ご回答ありがとうございます。お礼が遅くなりすみません。

うまくいきました☆
ネット上のいろんなページを参照し作成しているので古いやり方を受け入れてしまったようです。
IEで動くからと言って完成とするのは危険ですね。勉強になりました。
それぞれの質問に丁寧に答えていただき、本当にありがとうございました。