Jquery cloneを入力値に追加

スパン要素からクローンを作成し、スパン要素自体をクリックして入力値に追加する方法を教えてもらえますか？ここにスクリプトがあります。Jquery cloneを入力値に追加

// IDs are enough 
$("#username").click(function() { 
    $("#test").val($(this).text()); // this is the span beign clicked 
});

ませんjQueryの：あなたはこのようなスパン（jQuery.text()）のテキストコンテンツへの入力（jQuery.val()）の値を設定する必要が

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function() { 
 
     $("span#username").click(function() { 
 
     $("span#username").clone().appendTo("#test"); 
 

 

 
     }); 
 
    }); 
 
    </script> 
 
</head> 
 

 
<body> 
 

 
    <span id="username"> User </span><br><br> 
 
    <input type="text" id="test" value="" /> 
 

 

 
</body> 
 

 
</html>

出典

2017-02-18 Neof

document.getElementById("username").addEventListener("click", function() { 
    document.getElementById("test").value = this.textContent; 
});

出典

2017-02-18 20:31:17

私はJavaScriptでも可能かどうか疑問に思っていますか？ – Neof

@Neof jQueryなしのコードを追加しました。ちょうどバニラJSです！ –

Jquery cloneを入力値に追加

答えて

関連する問題