質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

3回答

1789閲覧

複数selectプルダウンの値を、それぞれのtextareaに出力

sakura-shi

総合スコア93

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2018/12/07 07:15

編集2018/12/07 10:48

##やりたいこと

複数のselectプルダウンとそれに対応するtextareaがある場合

・selectのイベントトリガー
・select選択値を取得し選択値をtextareaに出力する

selectプルダウンとtextareaの数は、必ず1:1であるが、その組合わせ数は動的に変わり、ページ内にいくつあるかは固定ではない

##やってみたこと

HTML

1<select class="sel[1] menus" data-for="t_return[1]" data-comment-type="3" data-oh="100"> 2<?php for ($i = 1; $i <= 20; $i++) { ?> 3<option value="<?php echo $i; ?>">First</option> 4</select> 5<!-- 他のHTML --> 6<textarea id="tmp[1]"> 7</textarea> 8 9<select class="sel[2] menus" data-for="t_return[2]" data-comment-type="3" data-oh="200"> 10<?php for ($i = 1; $i <= 20; $i++) { ?> 11<option value="<?php echo $i; ?>">Second</option> 12</select> 13<!-- 他のHTML --> 14<textarea id="tmp[2]"> 15</textarea> 16

js

1$(function() { 2$(".sel").change(function(value, text, $item) { 3var $menu = $('.menu'); 4var id = $menu.data('for'); 5var val = $(".sel").val(); 6var type = $menu.data('type'); 7var oh = $menu.data('oh'); 8var element = document.getElementById(id); 9element.val(val); 10}); 11});

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2018/12/07 07:22

質問がブレるのでphpの部分は手書きのHTMLになおしてください。「$this->Data['oh']」など質問者さんの環境でしか再現できていないものが含まれています
guest

回答3

0

selectとtextareaとの関係がわかりませんが、直後のtextareaとすれば

jQuery

1 $(document).on('change', '.menus', function(event) { 2 var select = $(this); 3 var textarea = select.nextAll('textarea').eq(0); 4 textarea.val(textarea.val() + select.val()); 5 });

投稿2018/12/07 07:53

x_x

総合スコア13749

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

ありがとうございました

投稿2019/11/07 18:30

sakura-shi

総合スコア93

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ページがちゃんと表示されないようですがphpの結果はこうしたいのでしょうか?

PHP

1First:<select class="sel[1] menus" data-for="t_return[1]" data-comment-type="3" data-oh="100"> 2<?php 3for ($i = 1; $i <= 20; $i++) { 4 print "<option value='$i'>$i</option>\n"; 5} 6?> 7</select> 8<textarea id="tmp[1]"></textarea> 9Second:<select class="sel[2] menus" data-for="t_return[2]" data-comment-type="3" data-oh="200"> 10<?php 11for ($i = 1; $i <= 20; $i++) { 12 print "<option value='$i'>$i</option>\n"; 13} 14?> 15</select> 16<textarea id="tmp[2]"></textarea>

このとき、selectをchangeすると選ばれた値にtextareaを書き換えるのでしょうか?
それともtextareaに追記していくのでしょうか?

投稿2018/12/07 11:19

編集2018/12/07 11:21
yambejp

総合スコア114572

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

sakura-shi

2018/12/07 13:17

selectをchangeしたイベントで、対になるtextareaに選択値がセットされる ・イベントのトリガー ただ、select+textreaの組み合わせは複数あるので、どのselectを選んだのかが判断できない ・トリガーを発生させることができても、その操作したselectの値をどうやって取得するのか?対になるtextareaに選択値ををセットしたいが、どうやってtextareaを指定したらよいか?
sakura-shi

2018/12/07 13:18

同じ画面に、selectとtextareaが各1個ずつのセットが、複数存在するという前提。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問