勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

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

      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

  関連記事

images
PHPで一括出力ではなく、ひとつずつ順次に出力する方法

PHPで重たい処理とかをしている際に、途中報告みたいな形で順次出力させる方法のメ ...

images
preg_matchについて

PHPでのpreg_matchについて教わることがあったのでメモ。 ■参考サイト ...

images
PHPで画像にロゴをつける

フォームから送られてきた画像にロゴをつけたかった。 結論としてclass.upl ...

images
PHPでサイトマップを動的に生成する

WordPress等のCMSは使っておらず、自動更新するサイトがあり、そのサイト ...

images
PHPでクエリ内容を取得する

エラーログを確認している際によく分からない動作に なっているところがあった。 ペ ...

images
PHPの構文チェック

JSONLINTみたいにオンラインで構文チェックを できるサイト様があったのでメ ...

images
画像をURLから取得して異なるサーバーにアップロード

■やりたかった事 ・画像があるサーバーはaaaサーバー ・アップロード先はbbb ...

images
PHPで他サーバにファイルをアップロードする2

formで画像を送信した後、他サーバにファイルをアップロードしたかった。以前はP ...

images
PHPからMySQLにシリアライズしたデータを格納

アンケートフォームみたいなのがあって、 今後も定期開催し、尚且つ質問内容は増減す ...

msyql-image
MySQLでのバッククオート

phpmyadminを使っていると←みたいな括りを見るけど これなんなん? と思 ...