現在、セレクトボックスで選択した値をテキストエリアに反映させる
javascriptを以下のように作成したのですが、
Firefoxでは問題なく実行されるのですが、IE8だと全く反応がありません。
この機能をIE8でも実行できるようにするためには、どこをどのように修正すればよいのか
わかりません。
(色々調べてはいるのですが、早急に実装しなければならない事情がありまして)
どなたか、ご教授いただけないでしょうか?
■HTMLソース
<html>
<head>
<title>テスト</title>
<script type="text/javascript" src="./insert.js"></script>
</head>
<body>
項目:
<select id="meet1" onchange="insert_meet1()">
<option></option>
<option>テスト1</option>
<option>テスト2</option>
<option>テスト3</option>
</select>
<br />
反映されるエリア:
<textarea id="result" cols="50" rows="10"></textarea>
</body>
</html>
■insert.js
function insert_meet1(){
var mojiretsu = document.getElementById('meet1').value;
var area = document.getElementById('result');
var bun = document.getElementById('result').value;
var nagasa = bun.length;
var basho = area.selectionStart;
var mae = bun.substr(0, basho);
var ushiro = bun.substr(basho, nagasa);
document.getElementById('result').value = mae + mojiretsu + ushiro;
}
No.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 …
http://www.studio-freesky.net/programming/javasc …
http://blog.livedoor.jp/p-1956050/archives/50672 …
No.1
- 回答日時:
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_inter …
この回答への補足
早速のお返事ありがとうございます。
下記のコードのように修正しましたが、やはりだめみたいです。。
■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>テスト1</option>
<option>テスト2</option>
<option>テスト3</option>
</select>
<br />
反映されるエリア:
<textarea id="result" cols="50" rows="10"></textarea>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQuery セレクトボックスで選択...
-
ブラウザの戻るボタンを押した...
-
セレクトの値を取得できない
-
JavaScriptでプルダウンのサイ...
-
Selectの中身をfor文で入れる
-
Selectボックスの幅を自動で広...
-
プルダウン 項目が多いので先頭...
-
プルダウンとテキストの連動
-
document.form で nullまたは...
-
JQuery selectが反映されない
-
html selectの内容を初期値に戻す
-
セレクトを全て選択されていな...
-
CSVファイルを読みこみ、プルダ...
-
jspに組込んだJavaScript でjava文
-
return trueとreturn falseの用...
-
hiddenのvalueの値を変えたい
-
出発駅A、到着駅Bを選択すると...
-
【jsp/Java】チェックボックス...
-
javascriptで質問です。 displa...
-
<JavaScript>tableタグを入力不...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
セレクトを全て選択されていな...
-
jQuery セレクトボックスで選択...
-
Selectの中身をfor文で入れる
-
JQuery selectが反映されない
-
リストボックスの項目の順番を...
-
html selectの内容を初期値に戻す
-
ブラウザの戻るボタンを押した...
-
selectタグに直接onChangeを書...
-
テーブルにおける行(セルにプル...
-
現在時刻を取得してフォームのs...
-
セレクトの値を取得できない
-
【javascript・PHP】プルダウン...
-
onFocusOutが複数回呼ばれる!
-
document.form で nullまたは...
-
selectメニューのselectedの位...
-
CSVファイルを読みこみ、プルダ...
-
javascriptでの2つのプルダウン...
-
javascriptでselectボックスの<...
おすすめ情報