<textarea>にプルダウンを表示させたい

締切済

質問者：blue-rapis
質問日時：2012/08/23 14:15
回答数：1件

いつも、当コーナーで大変お世話になっております。
今回も、壁にぶつかってしまいましたのでご質問させていただきます。
（今回も、CSSやPHP等は使用しません（・・・というより、使用できません））

いま下記のタグ構成（JavaScript）でページを作成しています。
---------------------------------------
<html>
<head>
<title>sample</title>
</head>
<body bgcolor="lightgreen">
<center>
<span style="width:500;height:40;font-size:25pt;font-family:ふみゴシック;color:#ff6533;filter:shadow(color=#000000);">インバウンド or アウトバウンド</span>
<br>
<br>
<table>
<tr>
<td>
<script language="javascript">

</script>
<select name="状態" size="1" onChange="javascript:fun_set(状態);">
<option value="">選択してください
<option value="（開始時間　8/?? 0:00）
【問い合わせ】

応答者情報
・応答者
　氏名：　（続柄：）
・応答者電話番号
　固定：
　携帯：

【結果】
・8/ 0:00 現アポ完
（完了時間　0:00）">インバウンド
<option value="（開始時間　8/?? 0:00）
【問い合わせ】

応答者情報
・応答者
　氏名：　（続柄：）
・応答者電話番号
　固定：
　携帯：

【結果】
・8/ 0:00 現アポ完
（完了時間　0:00）">インバウンド（いわき）
<option value="（開始時間　8/?? 0:00）
【発信詳細】

応答者情報
・応答者
　氏名：　（続柄：）
・応答者電話番号
　固定：
　携帯：

【結果】
・資料郵送希望　確認完了
（完了時間　0:00）">アウトバウンド
</select>
</td>
</tr>
<tr>
<td>
<textarea name="txtarea" cols="100" rows="25"></textarea>
</td>
</tr>
</table>
</center>
</body>
</html>
---------------------------------------

<textarea>内を上部プルダウンより内容を選択して活用するツールです。
ここで、プルダウンより選択した項目の内容が<textarea>に表示された後、更にその中でプルダウンメニューを作成したいです。

どのようにすれば作成できますでしょうか？

イメージは下記に掲載しております。
お手数かけて申し訳ありませんが、何卒、ご教授の程よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： tenderfeel
回答日時：2012/09/01 02:57

テキストエリアの中にセレクトメニューを入れるのは無理です。

テキストしか入らないので。
上に重ねて入ってるっぽく見せることならできますが、別のアプローチ考える方が現実的だと思います。

１、セレクトメニューの下にテキストエリアを配置した組み合わせを入力数分用意して分割する。

[セレクトメニュー１]
[ テキストエリア１ ]

[セレクトメニュー２]
[ テキストエリア２ ]

２，テキストエリアの上にセレクトメニューをすべて配置して、選択されたらその項目の値を挿入する

[セレクトメニュー１][セレクトメニュー２]
[　　　　　テキストエリア　　　　　　　]

３，２と同じくセレクトメニューをすべて配置、
１→２→３→…と連動させて、最期まで選んだところで内容を繋げたものをテキストエリアに挿入