首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript动态地将textbox的内容移动到一个框中

Javascript动态地将textbox的内容移动到一个框中
EN

Stack Overflow用户
提问于 2019-04-25 06:10:38
回答 2查看 40关注 0票数 0

当按下“添加”按钮时,我希望将文本框的内容移动到框中,如图片中所示。此外,该文本应删除与X按钮在上面的框。

图片

任何帮助都是非常感谢的。提前谢谢。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-04-25 06:28:12

您可以尝试以下代码:

代码语言:javascript
运行
复制
// find elements
var box = $("#banner-message")

// handle click and add class
 $('#add').on("click", function(){
   box.append("<p>Some text <button class='text-more'>x</button></p>")
 })
$("body").on('click', '.text-more', function(){
    $(this).parent().remove()
}) 

这是一个演示:https://jsfiddle.net/v24jh78b/1/

票数 0
EN

Stack Overflow用户

发布于 2019-04-25 06:26:15

可以使用"click“函数来完成:

代码语言:javascript
运行
复制
$(".addbutton").on("click", function(){
    var x = $(".textbox").val();
    $(".box").html(x);
})

然后用"x“按钮移除它:

代码语言:javascript
运行
复制
$(".xbutton").on("click", function(){
    $(this).closest("div").find(".box").html("");
})

如果能用,请告诉我。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55842839

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档