プルダウンメニュとテキストボックスを連動

[新着] Webテンプレートを仮オープンしました



0   名前: 悩み子 : 2006/12/06(水) 15:35  ID:knpKYhh4
プルダウンメニュウの項目の説明をテキストボックスに表示する というものを作りたいのですが
あまり難しいことができなくてわからないなりにやってみたのですが、タグが読めないので
難しい応用がかけないという・・よろしければ簡単なソースを教えていただきたいのですが・・(´・ω・)

1   名前: NullPo : 2006/12/06(水) 15:35  ID:Z0FHbpib
<script type="text/javascript">

function displayText(thatOption, textId)
{
  var text1 = document.getElementById(textId);

  text1.value = thatOption.title;
}

</script>

<select onchange="displayText(this.options[this.selectedIndex], 'text1');">
 <option value="1" title="アルファベットの最初の文字です。">A</option>
 <option value="2" title="アルファベットの2番目の文字です。">B</option>
</select>
<input type="text" value="" id="text1">


2   名前: くりまんじゅう  : 2006/12/06(水) 15:35  ID:i8eKCwjF
第2引数がなければ1行になるね(頭わるいせいかなんで付いてるのか不明)

3   名前: NullPo : 2006/12/06(水) 15:35  ID:Z0FHbpib
>>2
頭悪いせいか、何を言っているのか不明。
どういうことです?

4   名前: 緑茶 : 2006/12/06(水) 15:35  ID:eQsntAVa
こんにちは。
私の言葉足らずだったようで上手くご説明できていませんでしたが
このスレ主様のご質問とまさに同じ内容ですのでこちらに来ました。

NullPo様のコードで無事出来上がったのですが
最初はプルダウンメニューの操作をしないとテキストボックスに何も表示されないのですが
これを最初から何かを表示させておくにはどのようにしたらよいのでしょうか?
アドバイスをお願い致します。

5   名前: 匿名 : 2006/12/06(水) 15:35  ID:PP/Xvh4G
<input type="text" value="ここになんか書けばいいんじゃね?" id="text1">

6   名前: 緑茶 : 2006/12/06(水) 15:35  ID:eQsntAVa
早速のお返事、大変助かりました。
無事できました。
有り難うございます。

一覧へ戻る