セレクトメニューとテキストエリアの連動
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ってこうやって使ったら便利なんだ、と感動したので覚えておく。
関連記事
-
-
SortableJSを使ってデータの並べ替え&保存
あるシステムを拝見した際にtableタグ内に並んでいる項目をドラッグ&ド ...
-
-
PHPで指定時間内に指定回数以上のアクセスがあった場合に429エラーを表示させる方法
ログインフォームやお問い合わせページに対して短期間に多数のアクセスがあり、それを ...
-
-
地理院のジオコーディングAPIをPHPからリクエストする方法
以前に地理院のジオコーディングAPIをjavascriptからajaxでリクエス ...
-
-
PHPでシンプルな英数字のCAPTCHAを「Gregwar / Captcha」ライブラリで実装する方法
PHPでシンプルなランダム英数字のCAPTCHAを実装したい。「Gregwar ...
-
-
PHPのdefine()で配列データの定義と利用方法について
他社が作成したPHPのソースコードを拝見した際に定数で配列が定義されていた。配列 ...