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

htmlの理解度が低く分からないのですが、
どうしてもクリアしなければいけないので
教えて下さい。

下記の内容が既に書かれております。
別途テキストボックスを作成し、セレクトボックスで
選択した値をそのボックス内に表示したいと考えております。
テキストボックスは、<input type=text>で作成できました。
値を習得しセットする方法を教えていただけないでしょうか?

以下が記述内容です
<select name="f4149_0_47__slct_assmnt_1" onchange="calcTotal('f4149_0_47_', '4149_0', 'phyok');">
<option value="def"> ---</option>
<option selected="selected" value="wait1"> 1</option>
<option value="wait2"> 2</option>
<option value="wait3"> 3</option>
</select>

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

▽最新の回答へ

1 ● ku__ra__ge

以下を追加してみてください。

<input id="txtSelectedItemDisplay" type="text">

<script>
addSelectedItemDisplayEvent();

function addSelectedItemDisplayEvent() {
var s = getFormElement("select", "f4149_0_47__slct_assmnt_1");
var t = document.getElementById("txtSelectedItemDisplay");
s.addEventListener("change", function(){
t.value = s.options[s.selectedIndex].text;
});
}
function getFormElement(tag, name) {
var elements = document.getElementsByTagName(tag);
for(var i=0; i<elements.length; i++){
if (elements[i].name == name) { return elements[i]; }
}
return null;
}
</script>
関連質問

●質問をもっと探す●



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