セレクトメニューとテキストエリアの連動
2014/06/06
やりたかった事は、
・セレクトメニューで何れかを選択すると連動したテキストエリア内に、
その文言が入る
・その後テキストエリアを編集できる
・編集した後に再度セレクトメニューを選択しなおすと
編集内容がリセットされて、新たに文言が入る
■参考サイト
http://oshiete.goo.ne.jp/qa/7252154.html
■ソース
<form action="<?= $_SERVER['PHP_SELF']; ?>" method="post">
<select onChange="this.form.elements['ng'].value = ''; this.form.elements['ng'].value += this.value;">
<option value="">↓↓選択して下さい↓↓</option>
<? for ($i = 0; $i < count($ng_list); $i++) { ?>
<option value="<?=$ng_list[$i];?>"><?=$ng_list[$i];?></option>
<? } ?>
</select>
<textarea name="ng"></textarea><br />
</form>
■その他
セレクトメニューが選択された場合、
this.form.elements['ng'].value = '';
でテキストエリアを空にする。
this.form.elements['ng'].value += this.value;
でテキストエリアに選択したものを代入する。
thisってこうやって使ったら便利なんだ、と感動したので覚えておく。
関連記事
-
-
PHPでお問い合わせ等のform構築時にCSRF対策を行う方法
他社が制作されたお問い合わせフォームを改修する案件があった。ソースコードを拝見し ...
-
-
PHPでAPIを作成しJavaScript(jQuery無し)からリクエストする方法
管理画面等から何らかのデータをMySQLに登録し、そのデータをPHPで作成したA ...
-
-
PhpSpreadsheetで文字色の変更、太字化、セルの色の変更を行う方法
以前PHPとPhpSpreadsheetを用いてExcelシートを出力する方法を ...
-
-
PHPでテンプレートPDFに動的に文字や数値を追記し出力する方法(TCPDF&FPDI)
請求書や領収書のテンプレートがあり、そちらに対して動的に文字・数値を追記し出力さ ...
-
-
PHPからCSVファイルを出力する際にメモリを節約する方法
MySQLよりデータを大量に取り出してCSVファイル化し、ダウンロードさせるとい ...