使用JQuery动态生成Html控件

最新推荐文章于 2022-11-10 08:42:08 发布

tuwen

最新推荐文章于 2022-11-10 08:42:08 发布

阅读量5.2k

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/tuwen/article/details/11466559

版权

JQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

该篇博客展示了如何使用JQuery动态生成HTML控件，包括选择框、输入框和表格行。通过示例代码，演示了如何替换字符串模板，并将生成的HTML代码插入到表格中，以实现界面的动态更新。

摘要由CSDN通过智能技术生成

///*****使用JQuery动态生成Html控件 Begin*****///
//var strM = "this is {cnt} , {cnt}, {cnt}";
//在此将字母a全部替换成字母A
// var result = strM.replace(/{cnt}/g, "2");

// var tbody = $("table");

// var htmlCode =
//'<tr name=\"article_added\">\
// <td>\
// <select name=\"\" id=\"article_{rowCnt}_logic_1\">\
// <option value=\"\" selected=\"true\">并且</option>\
// <option value=\"\">或含</option>\
// </select>\
// </td>\
// <td>\
// <select name=\"\" id=\"article_{rowCnt}_sel_1\">\
// <option value=\"\" selected=\"true\">全文</option>\
// <option value=\"\">关键词</option>\
// </select></td>\
// <td><input type=\"text\" id=\"article_{rowCnt}_value_1\"/></td>\
// <td>\
// <select name=\"\" id=\"article_{rowCnt}_special_1\">\
// <option value=\"\" selected=\"true\">并含</option>\
// <option value=\"\">或含</option>\
// </select></td>\
//</tr>';

// var a = $(htmlCode);
// tbody.append(a);
///*****使用JQuery动态生成Html控件 End *****///