JS、Jqueryにてクリック(フォーカス)された要素の取得・出力
Q&A
Closed
解決したいこと
JS、Jqueryにてフォーカスされた要素の取得・出力を知りたい
Laravel、HTML、JS、JQueryを使用して、ラーニングアプリを作成しています。
その中で回答欄と選択肢があり、
クリックで選択(フォーカス)した回答欄(inputタグ)に対し、選択肢(selectタグ)として予め用意されている文字の中からクリックしたもの(複数選択)をそこへ出力する仕様を実装したいです。
現状
HTML
<div class="test">
<select name='string' size= "5" multiple>
<option value='あ'>あ</option>
<option value='い'>い</option>
<option value='う'>う</option>
<option value='え'>え</option>
<option value='お'>お</option>
</select>
//以下でフォーカスしたinputに対して上のoptionで選んだ文字を出力したい
<input type="text" id="a">
<input type="text" id="b">
<input type="text" id="c">
</div>
JS
$('[name=string]').change(function() {
var txt = $('[name=string] option:selected').text();
$("#b").val(txt);
});
↑このようにすれば、idを指定したinputに対して出力することはできました。
↓試したコード
$('[name=string]').change(function() {
var txt = $('[name=string] option:selected').text();
$(document.activeElement).val(txt);
});
フォーカスされた要素を取得するdocument.activeElementというものを調べて試しましたが取得できていないのか、もしくはselectタグのoptionを選んだ時点でそもそもinputのフォーカスが外れてしまうのか動きません。
どなたかご教授いただけると幸いです。
0
