JQueryのクリックイベントで複数のテキストを抽出する方法
Q&A
Closed
解決したいこと
LaravelにてJQueryを使用してラーニンングアプリを作成しています。
回答欄と選択肢のUI作成に詰まっています。
JQueryのクリックイベントで複数のテキストを取得、出力する方法がわかりません
現状
HTML
<div class="test">
{{-- 回答欄 --}}
<input type="text" id="a">
<input type="text" id="b">
<input type="text" id="c">
{{-- 選択肢 --}}
<ul id="Sample">
<li>あ</li>
<li>い</li>
<li>う</li>
<li>え</li>
<li>お</li>
</ul>
</div>
やりたいこと
1.上の任意のinputをクリック(フォーカス)
2.下の任意のliタグをクリック
3.liタグ内の文字をinput内に出力(複数)
JQuery
$('input').focus(function() {
focusedInput = $(this);
});
$('#Sample li').click(function(){
txt = $(this).text();
$(focusedInput).val(txt);
});
現状このJQueryの記述で、クリックしたliタグ内の文字をフォーカスされたinputに出力するところまではできたのですが、
liタグの複数選択→出力の方法がわかりません。
以前はliタグではなくselect、optionタグを使用していたのですが、optionタグの複数選択は融通が効き辛かったので、liタグで挑戦しています。
どなたかご教授頂けますと幸いです。
0
