勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

セレクトメニューとテキストエリアの連動

   2014/06/06  PHP

やりたかった事は、

・セレクトメニューで何れかを選択すると連動したテキストエリア内に、
 その文言が入る
・その後テキストエリアを編集できる
・編集した後に再度セレクトメニューを選択しなおすと
 編集内容がリセットされて、新たに文言が入る

■参考サイト
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

  関連記事

PHPのsetcookieで「Cannot modify」エラーの対応方法
PHPのsetcookieで「Cannot modify」エラーの対応方法

PHPでsetcookieを使うと「Warning: Cannot modify ...

CodeIgniterのバージョンの調べ方
CodeIgniterのバージョンの調べ方

CodeIgniterを使っているシステムがあったが、どうも記憶しているディレク ...

PHPでjpg / png画像をAVIF形式の画像に変換する方法
PHPでjpg / png画像をAVIF形式の画像に変換する方法

PHPでjpg / png画像をAVIF形式の画像に変換しサーバに保存したい。W ...

PHP8系で追加されたJIT(Just-In-Time)の設定方法
PHP8系で追加されたJIT(Just-In-Time)の設定方法

PHP8系でOPcacheの拡張機能としてJIT(Just-In-Time)とい ...

GoogleスプレッドシートとPHPを連携させデータを取得・追記する方法
GoogleスプレッドシートとPHPを連携させデータを取得・追記する方法

GoogleスプレッドシートとPHPプログラムを連携させたいという案件をたまに見 ...