汇江入海 2021-09-22 23:35 采纳率: 100%
浏览 61
已结题

jquery在文本框输入内容，表格截取文本框内容

比如在文本框textarea中输入:
第一行：｛"code":"1234AB","world":"as"｝
第二行{"text":"中国",code":"123456DE"}
第三行……………

上面文本框输入一行，下面就出现一个单行input，输入两行就出现两个，显示code后面引号内的值。

请大佬帮忙看看jquery能不能实现

  • 写回答

1条回答 默认 最新

  • CSDN专家-天际的海浪 2021-09-22 23:40
    关注

    可以用 JSON.parse() 转成对象再处理
    你题目的解答代码如下：（如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳】按钮）

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
#div {

}
</style>
</head>
<body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<textarea id="text" rows="10" cols="50">
{"code":"1234AB","world":"as"}
{"text":"中国",code":"123456DE"}
</textarea>
<br />
<input type="button" value="确定输入" onclick="addtext();" />
<br />
<script type="text/javascript">
function addtext() {
    var str = $("#text").val();
    var ra = [];
    str.replace(/code"?\s*:\s*"(.+?)"/g,function ($0,$1) {
        ra.push($1);
        return $0;
    });
    ra.forEach(function(v, i){
        var inp = $('<input type="text" value="" />');
        inp.val(v);
        $("body").append(inp).append("<br />");
        
    });
}
</script>

</body>
</html>

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 10月2日
  • 已采纳回答 9月24日
  • 创建了问题 9月22日

悬赏问题

  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥15 stable diffusion
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题：求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab，jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿