目錄
回复讨论(解决方案)
首頁 後端開發 php教程 动态添加INPUT,获取值的问题

动态添加INPUT,获取值的问题

Jun 20, 2016 pm 12:36 PM

   
 


              
          
                  
                      
                          
                          
                          
                          
                      
                  
            
 





  
 
    <script> <br /> function add() { <br /> // 创建table 行标签tr <br /> var trObj = document.createElement("tr"); <br /> // 设置行内容 <br /> trObj.innerHTML = "<td width='150px'><input name='firstName'/><td width='150px'>" <br /> + "<input name='lastName'/><td width='130px'><input type='button' value='Add' onclick='add()'> " <br /> + "<input type='button' value='Del' onclick='del(this)'>"; <br /> // 将行内容添加到表格中 <br /> document.getElementById("tb").appendChild(trObj); <br /> } <br /> <br /> function del(obj) { <br /> // 直接删除当前对象的父节点的父节点 <br /> document.getElementById("tb").removeChild(obj.parentNode.parentNode); <br /> } <br /> <br /> function compareTRs(oTR1, oTR2) { <br /> // 获取行中的需要比较的firstName列的值 <br /> var sValue1 = oTR1.firstElementChild.firstElementChild.value; <br /> var sValue2 = oTR2.firstElementChild.firstElementChild.value; <br /> // 进行比较 <br /> return sValue1.localeCompare(sValue2); <br /> } <br /> <br /> function sortTable(){ <br /> // 获取表格 <br /> var oTable = document.getElementById("tb1"); <br /> // 获取表格中tBody主体域 <br /> var oTBody = oTable.tBodies[0]; <br /> // 获取oTBody域中行集合 <br /> var colDataRows = oTBody.rows; <br /> // 新建行数组,用于存放行内容 <br /> var aTRs = new Array; <br /> <br /> // 将oTBody中的行内容添加到aTRs中 <br /> for (var i=0; i < colDataRows.length; i++) { <br /> aTRs[i] = colDataRows[i]; <br /> } <br /> <br /> // 若oTable的sortCol 属性为空,对数组进行反转,否则进行排序 <br /> if (oTable.sortCol) { <br /> aTRs.reverse(); <br /> } else { <br /> aTRs.sort(compareTRs); <br /> } <br /> <br /> // 创建代码片段,存放排序后的行数据 <br /> var oFragment = document.createDocumentFragment(); <br /> for (var i=0; i < aTRs.length; i++) { <br /> oFragment.appendChild(aTRs[i]); <br /> } <br /> <br /> // 将存放有排序后行数据的代码片段添加到表格主体oTBody上 <br /> oTBody.appendChild(oFragment); <br /> <br /> // 设置排序标识 <br /> oTable.sortCol = true; <br /> } <br /> </script>   




php.php如何得到a b c d e f 的值。
得到值后,然后变成下
a键名,b是值
c键名,d是值
e键名,f是值
搞成一个二维数码,存入数据库

这个主要是做产品属性增加的。


回复讨论(解决方案)

有 name 属性就可获得
同名时应用数组形式命名

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

11個最佳PHP URL縮短腳本(免費和高級) 11個最佳PHP URL縮短腳本(免費和高級) Mar 03, 2025 am 10:49 AM

11個最佳PHP URL縮短腳本(免費和高級)

Instagram API簡介 Instagram API簡介 Mar 02, 2025 am 09:32 AM

Instagram API簡介

在Laravel中使用Flash會話數據 在Laravel中使用Flash會話數據 Mar 12, 2025 pm 05:08 PM

在Laravel中使用Flash會話數據

構建具有Laravel後端的React應用程序:第2部分,React 構建具有Laravel後端的React應用程序:第2部分,React Mar 04, 2025 am 09:33 AM

構建具有Laravel後端的React應用程序:第2部分,React

簡化的HTTP響應在Laravel測試中模擬了 簡化的HTTP響應在Laravel測試中模擬了 Mar 12, 2025 pm 05:09 PM

簡化的HTTP響應在Laravel測試中模擬了

php中的捲曲:如何在REST API中使用PHP捲曲擴展 php中的捲曲:如何在REST API中使用PHP捲曲擴展 Mar 14, 2025 am 11:42 AM

php中的捲曲:如何在REST API中使用PHP捲曲擴展

在Codecanyon上的12個最佳PHP聊天腳本 在Codecanyon上的12個最佳PHP聊天腳本 Mar 13, 2025 pm 12:08 PM

在Codecanyon上的12個最佳PHP聊天腳本

宣布 2025 年 PHP 形勢調查 宣布 2025 年 PHP 形勢調查 Mar 03, 2025 pm 04:20 PM

宣布 2025 年 PHP 形勢調查

See all articles