المعلومات المتراكمة لنموذج الإدخال الديناميكي التالي جيد جدًا. اسمحوا لي أن أشاركها معك للرجوع إليها. إذا كان هناك مكونات ومغلفات أفضل ، فيرجى مشاركتها. .
رمز المفتاح كما يلي:
<script type = "text/javaScript"> var currentActiverow ؛ . that.init.ajaxurl ، البيانات: params ، النجاح: الوسيطات [1] "getBookBag" ، عشوائي: math.random ()} ؛ var suc = function (data) {if (data.issuccess === 1) {} else {}} ؛ var err = function () {} ؛ ttable.ajax (params ، suc ، er) ؛ tbody.rows.length ؛ tbody.insertrow (rowno) ؛ tbody.rows [rowno] .insertcell (0) ؛ tbody.rows [rowno] .cells [0] .AppendChild (document.createTextNode (rowno + 1)) ؛ // innertext = "0001" ؛ // innertext و innerhtmltbody.rows [rowno] .insertcell (1) ؛ tbody.rows [rowno] .cells [1] .innerhtml = "<input name = 'type' type = 'radio' value = '1'> </pected> "؛ tbody.rows [rowno] .insertcell (2) ؛ tbody.rows [rowno] .cells [2] value = '1'> </pected> "؛ tbody.rows [rowno] .insertcell (3) ؛ tbody.rows [rowno] .cells [3] .innerhtml =" <<input name = 'discript' type = 'text' value = 'des " + (rowno + 1) + "'> </pected>" ؛ tbody.rows [rowno] .insertcell (4) ؛ tbody.rows [rowno] .cells [4] .innerhtml = "<input type =' button 'value =' delete 'onClick =' ttable.deleterow (event) '/> <type type =' value = '' onClick = 'ttable.editrow (event)'/> <a href = 'javaScript: void (0)' onClick = 'ttable.moveup (this)'> ↑ </a> <a href = 'javaScript: void (0)' onClick = ' ttable.ChangeActiverow ؛} ، deleterow: function (eve) {if (تأكيد (this.init.delmsg)) {element = window.event؟ window.event.srcelement: eve.target ؛ var rowno = element.parentNode.parentNode.RowIndex ؛ var tbody = document.getElementById (this.init.tid) ؛ window.event.srcelement: eve.target ؛ Alert (element) ؛} ، ChangeActiverow: function () {// اضبط لون الخلفية لحواء الصف المحدد = الوسائط [0] ؛ element = window.event؟ window.event.srcelement: eve.target ؛ obj = element.parentNode ؛ بينما (obj && obj.tagname! = "tr") {obj = obj.parentnode ؛ if (currentActiverow) currentActiverow.style.backgrogrowd = "" currentactiverow = obj ؛ "red" ؛}} ، cleanwhiteSpace: function (element) {// tranquility من خلال العقد الفرعية للعنصر (var i = 0 ؛ i <element.childnodes.length ؛ i ++) {var node = element.childnodes [i] ! // s/.test (node.nodue)) node.parentnode.removechild (node) ؛} // حرك صف الجدول لأعلى واستقبل المعلمة ككائن ارتباط} ، moveup: function (_a) {var _table = document.getElementByid (this.init.tid) ؛ _a.parentnode.parentNode ؛ var _row = currentActiverow ؛ // إذا لم يكن ذلك هو ترتيب تبادل الصف الأول إذا (_Row.PreviousSibling) ttable.swapnode (_Row ، _Row.previoussibling) ؛ document.getElementById (this.init.tid) ؛ ttable.cleanwhitespace (_table) ؛ // احصل على مرجع صف الجدول من خلال كائن الارتباط//var _row = _a.parentnode.parentnode ؛ var _row = currentActiverow ؛ (_Row.nextsibling) table.swapnode (_Row ، _Row.nextsibling) ؛} ، swapnode: function (node1 ، node2) {var _parent = node1.parentnode ؛ var _t1 = node1.nextsibling ؛ var _t2 = node2. if (_t1) _parent.insertbefore (node2 ، _t1) ؛ else_parent.appendchild (node2) ؛ // insert node1 إلى موضع ndoe2 الأصلي (_t2) customtable () ؛ </script>فيما بينها:
<table id = "tablespan"> <thead id = "head"> <tr onClick = "ttable.ChangeActiverow (this) ؛"> <td> الرقم التسلسلي </td> <td> الافتراضي </td> id = "tbody"> </tbody> </table> <button onClick = "ttable.addrow ()" value = "add"> إضافة </button> <button onClick = "ttable.movedown ()" value = "add" ↓ </button>
ما سبق هو الوصف الكامل لرمز التنفيذ لجدول الإنشاء التلقائي المغطى بـ JS المقدم لك من قبل المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!