gpt4 book ai didi

javascript - Jquery 克隆并附加到输入值

转载 作者:行者123 更新时间:2023-12-03 04:58:44 25 4
gpt4 key购买 nike

谁能告诉我如何从 span 元素克隆并通过单击 span 元素本身附加到输入值?这是脚本。

<!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>

最佳答案

您必须将输入 ( jQuery.val() ) 的值设置为范围 ( jQuery.text() ) 的文本内容,如下所示:

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

没有 jQuery:

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

关于javascript - Jquery 克隆并附加到输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42320346/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com