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

下記質問「メールフォームで、「select」を選択したら、連動したテキストが「input」にテキスト入力されるフォームを作りたいのですが、一番簡単な方法を教えてください。」の続きです。基本的にはベストアンサーの内容で解決できたのですが、Safariの5.1(2011年頃)で動作確認ができず、その当時の技術で再現可能な方法をご教示頂けると助かります。
http://q.hatena.ne.jp/1533089651

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

▽最新の回答へ

1 ● a-kuma3
●100ポイント ベストアンサー

Safari 5.1 とは、また古いですね。
古い書き方にしてみましたが、動作確認は、今どきのブラウザでしかやってません(というか、できません)。
以下、変更点。

HTML

<form id="form">
部署:<select name="department">
<option value=""></option>
<option value="総務" mailaddress="soumu@some.enterprise.com">総務</option>
<option value="経理" mailaddress="keiri@some.enterprise.com">経理</option>
<option value="法務" mailaddress="houmu@some.enterprise.com">法務</option>
</select>
<p>
メールアドレス:
<input name="mailaddress" size="50">
</form>

javascript

window.addEventListener("load", function() {
 var form = document.getElementById("form");
 var sel = form.department;
 var add = form.mailaddress;
 sel.addEventListener("change", function(ev) {
 add.value = sel.options[sel.selectedIndex].getAttribute("mailaddress");
 });
});


jsFiddle にも置きました。
https://jsfiddle.net/2t5kn7ed/


sunihateさんのコメント
毎度すみません。とても助かりました!やはり完璧です。ありがとうございます!
関連質問

●質問をもっと探す●



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