PHPとMYSQLを用いてSELECT文とTEXTBOXの関連付け

質問

今、PHPとMYSQLを用いてシステムの構築を行っています。
そこで一つ質問があります。

まず具体的に説明します。
A、B、C、D、E、F、G、H、I、Jという１０人の学生がいます。
そこでSELECT文にこの１０名を表示させ、順にA、F、Jと選択します。そしてA、F、Jの３人の学生をTEXTBOXに表示させたいと思ってます。

画面イメージは左にSELECT文で右にTEXTBOXです。

以下ソースコードです。
------------------------------------------------------
<SELECT>
<?php
$sql2="select * from gakusei";

$rst2 = mysql_query($sql2, $con);

while($row2=mysql_fetch_array($rst2)){
echo '<option>'.$row2['gname'].'</option>';
}
?>

</select>
学生
<input type=text name=gakusei>
----------------------------------------
このgakuseiテーブルから値を取り出しSELECT文に表示させます。
そして選択した学生をTEXTBOXに表示させたいのです。
例えばAと選択すればTEXTBOXにAと表示され、続いてFと選択すればTEXTBOXにFと表示され、Jと選択すればTEXTBOXにFと表示され、最終的にTEXTBOXにはAFJと表示されるようにしたいのです。

アドバイスお願いします。

回答No.1

wp_ · ベストアンサー

とりあえずSELECT文とセレクトボックスの違いを認識しましょう。
人によってはプルダウンやコンボボックスとかいうかもしれませんが、
どちらにせよSQLとフォームの類は無関係です。

で、質問内容に対する答えですが
javascriptへの知識が必要です。

対応させたいブラウザが何か知りませんが、selectタグのonchange属性を使うのが一番手っ取り早いでしょう。
<select id="s" name="gname" onchange="getGName();">
<option value="1">g1</option>
<option value="2">g2</option>
</select>
<input type="text" id="f" />

<script type="text/javascript"><!--
function getGName(){
　document.getElementById('f').value = document.getElementById('s').value;
}
// --></script>

補足

本当にありがとうございます。
JAVASCRIPTの本を購入し少し勉強し、実際に動かしてみたところ動きました。

しかし一つ問題がありまして、上の回答では１人の学生の名しか出てきませんでした。

つまり、Ａと選択するとテキストにＡと表示はされますが、次にＦと選択するとＡに代わりＦが表示されてしまいます。

ＡＦと続けて表示させたい場合はどのようにすればよいかアドバイスください。

ちなみにブラウザはＩＥ７です。