JS動態新增的屬性Form不能提交的問題
這兩天開發過程中,遇到一個很詭異的問題。
JSP提交的時候那些固定寫在form中的input的資料一個沒少,缺少的是由JS動態寫入form中的input。(但是IE可以提交成功,火狐,chrome都無法提交)
難道是為了安全性,JS動態寫入的input不讓提交?查了很多資料都沒有這種說法
難道是沒有寫name屬性?檢查了也有。
難道是我這批input都是同一個name不行?我用JS只寫一個input控制元件到form,結果還是一樣取不到。事實上是允許name相同的
難道標籤有誤?從頭到尾仔細看了一遍,沒有發現異常。
如下圖,所有動態增加的資料都也是被包裹在form表單中,為什麼會提交不了呢?
突然發現 ,在firedebug看原始碼時,如下圖,form標籤是灰色的,也就是隱藏了,而且還是閉合的,也就是說,我所有動態新增的資料都是在form表單之外的,也就是無法提交了。
於是,我將form把table完全包裹,再試了一下
form標籤正常了
資料也能正常提交了。。
好心塞,這麼個東西,坑了我兩天!
相關推薦
JS動態新增的屬性Form不能提交的問題
這兩天開發過程中,遇到一個很詭異的問題。 JSP提交的時候那些固定寫在form中的input的資料一個沒少,缺少的是由JS動態寫入form中的input。(但是IE可以提交成功,火狐,chrome都無法提交) 難道是為了安全性,JS動態寫入的input不讓提交?查了很多
js動態新增div 用於java後臺的form表單的提交
var Odiv=document.createElement("div");Odiv.style.cssText="width:200px;height:200px;background:#636363;text-align:center;"; var dinput=do
form表單 無法提交js動態新增的表單元素遇到的坑
第一種情況, 這種情況js動態新增的表單元素是不能提交到伺服器端的 <table> <form method="post" action=" url "> <tr><td></td><td>&
js為Object物件動態新增屬性和值
為Object物件動態新增屬性和值 方式1: var obj = {}; //或者 var obj=new Object(); var key = "name"; var value = "張三丰" obj[key] = value; console.info(obj); 方式2,
js物件動態新增屬性,方法
1. 動態新增屬性,方法 var object = new Object(); object.name = "name"; object.age = 19; >>>{name: "name", age: 19} object.fun = function(){ console
js表單動態新增資料並提交
v情景1:已經存在form物件了,動態為form增加物件並提交function formAppendSubmit(){ var myform=$('#newArticleForm'); //得到form物件 var tmpInput=$("&l
動態-JS實現給物件動態新增屬性並賦值 及 實現AJAX data傳遞動態key鍵名
對前段工作時間中遇到的兩種自認為比較有意義的JS動態操作資料的情況進行總結: 1.JS實現物件的動態新增屬性並賦值 例:點選觸發 通過類選擇器遍歷所有的input 並將其對應實體類的屬性及屬性值動態新增到info物件中,請求到後臺. var info = {}; $("#
js 物件動態新增屬性、合併屬性
1、物件合併: var obj = {a:1, name: 'test'}; var shuxing = {name:"super",sex:"19",work:"IT"}; for(var r in
JS動態新增div、li、img等元素及設定屬性(例項)
把一串 html 標籤賦給一個 javascript 變數,除屬性的值要用轉義的雙引號外,某些時候字串還很長,顯得有些複雜。如果用 js 動態新增元素,就不會有那麼複雜的字串出現,程式碼閱讀性強一點,也容易理解。 網頁是由 html 標籤一層層組成的,js 也可以動態新增一層層的諸如 div、l
Java動態生成類以及動態新增屬性
有個技術實現需求:動態生成類,其中類中的屬性來自引數物件中的全部屬性以及來自引數物件propertities檔案。 那麼技術實現支援:使用cglib代理。 具體的實現步驟: 1.cglib的jar包(cgl
Python-動態新增屬性和方法
class Person(): Country='CN' def __init__(self,nm) self.nm=nm 動態新增例項屬性及例項方法: p=Person() p.age=18 #直接賦值,動態新增例項屬性 def set_age(self,age) #定義帶se
vue 動態新增屬性
Vue.set 方法用於設定物件的屬性,它可以解決 Vue 無法檢測新增屬性的限制,語法格式如下: Vue.set( target, key, value ) 引數說明: target: 可以是物件或陣列 key : 可以是字串或數字 value: 可以是任何型別
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
python的動態新增屬性和方法
import types 如果一個類已經寫好 要想動態的新增一新的方法 那麼需要用下面方法: p1.eat = types.MethodType(eat,p1) //即把eat函式動態繫結到了p1物件上
python基礎之動態新增屬性和方法
一、新增物件屬性: >>> class student(object): pass >>> stu=student() >>> stu.name="zhang jie" #新增物件屬性 >>> stu.name 'zh
js動態新增table表的一行和刪除一行
<html> <title></titile> <body> <a href="javascript:addTr()">新增</a> <table id="tableId"> <tr>
利用js動態新增標籤,並且使用點選效果為其新增和移除class
js檔案 $(function () { $.ajax({ type: "post", url: purl+"/news/categorys", datatype: "json", succ
object.prototype.name=value 為JS物件新增屬性
語法 object.prototype.name=value 用法 向物件新增屬性和方法。 <script type="text/javascript"> function Person(name,job,age){ this.nam
Java 類動態新增屬性欄位
說明:做專案中遇到一種場景,需要根據查詢時間段, 獲取時間段中中每個月份對應的金額(費用統計)。如截圖中的兩列 因為列是動態的, 首先想到的就是後天拼接JSON格式字串, 然後返回到前臺, 組裝表頭及內容。 但是當前系統中easyUI版本為1.2,並不支援 data屬性(官