- ベストアンサー
ＩＥ８で動かないセレクトボックスの問題と解決方法
- ＩＥ８では、セレクトボックスから選択した値をテキストエリアに反映させる機能が正常に動作しません。
- この問題を解決するためには、Javascriptのコードを修正する必要があります。
- 修正方法の詳細については、以下のコード例をご参考ください。
- like-linux
- お礼率77% (28/36)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
area.selectionStartのような処理にIEが対応していないらしいです。 ちゃんと調べてはいませんので、内容はご自分で確認してください。 http://d.hatena.ne.jp/brazil/20061021/1161377936 http://d.hatena.ne.jp/koseki/20051023#xbselection http://efreedom.com/Question/1-263743/Get-Cursor-Position-Textarea http://www.studio-freesky.net/programming/javascript4.html http://blog.livedoor.jp/p-1956050/archives/50672683.html
その他の回答 (1)
- jein
- ベストアンサー率49% (2799/5705)
DOCTYPE宣言を入れてIE8対応のHTMLを使っていることを示すか HTMLヘッダにて次のようなコードを入れてIE8と互換性があることを示してください。 X-UA-Compatible: IE=emulateIE8 DOCTYPE宣言の例としては以下のようなもの <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> DOCTYPE宣言自体がよくわからないならこちらを見てください。 http://builder.japan.zdnet.com/html-css/sp_internet-explorer-8-2009/20391111/
補足
早速のお返事ありがとうございます。 下記のコードのように修正しましたが、やはりだめみたいです。。 ■HTMLソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"> <title>テスト</title> <script type="text/javascript" src="./insert.js"></script> </head> <body> 項目： <select name="meet1" onchange="insert_meet1()"> <option></option> <option>テスト１</option> <option>テスト２</option> <option>テスト３</option> </select> <br /> 反映されるエリア： <textarea id="result" cols="50" rows="10"></textarea> </body> </html>
お礼
ありがとうございます。 内容を調べてみます。