form表單 無法提交js動態新增的表單元素遇到的坑
第一種情況, 這種情況js動態新增的表單元素是不能提交到伺服器端的
<table>
<form method="post" action=" url ">
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</form>
</table>
第二種情況, 才可以把js動態新增的表單元素提交到伺服器端
<form method="post" action=" url ">
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</form>
總結:要保證form的完整性,和它放置目標html標籤的完整性,例如:上面的table就不能用form標籤把table和table的tr節點分開。
只有這樣才能把js動態新增到form的元素提交到服務端。
如果你分不標籤的完整性。你可以開啟,googlei瀏覽器的開發都工具。檢視你用js動態新增的標籤有沒有包含在form標籤裡面。
相關推薦
form表單 無法提交js動態新增的表單元素遇到的坑
第一種情況, 這種情況js動態新增的表單元素是不能提交到伺服器端的 <table> <form method="post" action=" url "> <tr><td></td><td>&
js動態新增div 用於java後臺的form表單的提交
var Odiv=document.createElement("div");Odiv.style.cssText="width:200px;height:200px;background:#636363;text-align:center;"; var dinput=do
JS動態新增的屬性Form不能提交的問題
這兩天開發過程中,遇到一個很詭異的問題。 JSP提交的時候那些固定寫在form中的input的資料一個沒少,缺少的是由JS動態寫入form中的input。(但是IE可以提交成功,火狐,chrome都無法提交) 難道是為了安全性,JS動態寫入的input不讓提交?查了很多
js中動態新增表單/table小結
以下是大體思路~ 幫得上忙的請借鑑~ <html> <head> <title> </title> <style> </style> <script type="text/javas
JS動態生成表單,並新增行雙擊事件
//獲取某一出庫型別某日期所有出庫單 累計金額列表function getOutSheetAmtList(){ var hosnum=$('#hosnum').val(); var sdate=$('#sdate').val();//記賬日期 始 var edate=$('#eda
js動態新增table表的一行和刪除一行
<html> <title></titile> <body> <a href="javascript:addTr()">新增</a> <table id="tableId"> <tr>
jquery動態新增表單刪除表單
//html部分 <div class="form-group col-sm-12" id="group"> <label for="" class="col-sm-1 control-label"><span style="color
Jquery Validate校驗後無錯誤提示但表單無法提交(無反應)
今天寫頁面遇到一個問題,頁面上有一個下拉選擇框,添加了必填的校驗之後,填好資料提交表單,並無異常顯示,卻不會提交表單資料到後臺,怎麼點儲存都沒反應。最後發現是頁面上隱藏了一個同樣的下拉框,是因為這個下拉框沒有資料校驗不通過才導致無法提交表單資料的,這個下拉框又是
js動態控制表單的顯示和隱藏
文章一: 無論是事先寫好的,還是動態生成的,要找到指定的tr或td都必須知道其相關的一個屬性,未必必須是id或name,然後無論是在一個table還是多個 table都可以通過document.getElementsByTagNames( "tr ")或td,取得集合,……
js動態控制表單的tr,td的顯示和隱藏
無論是事先寫好的,還是動態生成的,要找到指定的tr或td都必須知道其相關的一個屬性,未必必須是id或name,然後無論是在一個table還是多個 table都可以通過document.getElementsByTagNames( "tr ")或td,取得集合,……再根據知道
js動態新增表格和刪除表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script language="JavaS
用js動態新增select標籤的option
js程式碼: var featureLayerURLTest=[["http://192.168.15.174:6080/arcgis/rest/services/Sample/GQYDGH/FeatureServer/0","線圖層1"]]; function createSelectOp
mybatis 動態新增表,查看錶,新增資料
1.動態新增表 mapper int dropExistTable(@Param("tableName") String tableName);//自動建立資料表 對映檔案 <update id="dropExistTable" paramet
利用js動態新增標籤,並且使用點選效果為其新增和移除class
js檔案 $(function () { $.ajax({ type: "post", url: purl+"/news/categorys", datatype: "json", succ
js----動態新增元素 && jQuery----動態新增元素
1.js ocument.getElementById('id').innerHTML=innerHtml; var creatLi = function(data){ var innerHtml = ""; for(var i
js動態新增input按鈕並給按鈕增加onclick的函式事件(帶引數)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> &l
JS動態新增移除事件 和 獲取Event (相容IE和Firefox)
今天小弄了一下JS事件,主要說一下FF和IE相容的問題 物件名.addEventListener("事件名(不帶ON)",函式名,true/false);(FF下) 物件名.attachEvent("事件名",函式名);(IE下) 說明: 事件名稱,要注意的是"
js 動態新增 外部js css 到head標籤
function appendJQCDN() { var head = document.head || document.getElementsByTagName('head')[0]; var script = document.createElement('script'
微信小程式(十九)——表單資料提交和小程式表單賦值(組裝資料)
前端表單程式碼.wxml: <form > <view class='form-box'> <view class='form-item'>
JS動態新增div,然後在div中新增元素
需求: 組織部中有個這樣的需求,根據年份動態顯示該年份下的定性指標! 我的做法: 先是放一個空的div,讓後根據指標的資料,動態的往div中新增元素。 程式碼: 空的div,存放定性指