用js或者jquery怎么把input给替换成label标签?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

用js或者jquery怎么把input给替换成label标签?

小旋风柴进 2016-05-30 14:11:44 2235

第一张图,点击修改按钮后,原来label标签的变为input标签,而且input里还多了几个属性,点击保存后就变回原来的label标签,不知道怎么替换的?要是多个怎么解决,比如第一张图中间的八个input那个情况。screenshotscreenshot

JavaScript
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:20:31

    把页面原来的label 标签的父标签都加上id,例如:id=“data”
    修改按钮的事件中可以这样写:

    $('#data').append("<input style='' id="" name="" >${it.content} </input>");
    那些空着的,你可以自己加属性。
    利用input的id把这些数据保存在json中。
    保存按钮的事件,读出json的对应input的数据,一一放在label显示:
    这时,

    $('#data').append("<label style='' id="" value="" >${it.content} </label>");

    请注意,我这里append里面的内容之所以可以这样写,是因为,我用的juicer,也就是说,你下载juicer文件,然后,在你的html中引入,即可。

    <script src="../../../juicer.js"></script>

    我这只是一个思路,你可能看不太明白。不过你要是贴了代码,可以帮你参谋完整代码里这些功能该怎么修改。

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程