js獲取form表單中name屬性的值
在項(xiàng)目中因?yàn)閯?dòng)態(tài)表單無(wú)法確定標(biāo)簽name屬性的值,因此需要即時(shí)獲取以便進(jìn)行存儲(chǔ)。前端代碼如下:
<div class="control-group"> <label class="control-label">土撥鼠常挖坑</label> <form:input path="formAttribute1" class="input-xlarge" value="" name="測(cè)試1"/></div> <form:input path="formAttribute1" class="input-xlarge" value="" name="測(cè)試2"/></div> <form:input path="formAttribute1" class="input-xlarge" value="" name="測(cè)試3"/></div>
1、attr:$("#formAttribute1").attr("name");然后得到的值是formAttribute1(有沒(méi)有前輩能給我講講為什么呀)
2、prop:?jiǎn)栴}同上
3、在上述兩種方式都失敗后,整個(gè)人不行了。最后找到了一個(gè)相對(duì)可行的方式,對(duì)class屬性做修改,獲取全部值,然后通過(guò)<c:foreach>標(biāo)簽獲取this.value 和this.name,并放入map中。具體操作可參考如下代碼(與上面代碼區(qū)別在于class屬性,在此處添加了property作為標(biāo)識(shí),此處可自定義名稱)
<div class="control-group"> <label class="control-label">土撥鼠常挖坑</label> <form:input path="formAttribute1" class="input-xlarge property" value="" name="測(cè)試1"/></div> <form:input path="formAttribute1" class="input-xlarge property" value="" name="測(cè)試2"/></div> <form:input path="formAttribute1" class="input-xlarge property" value="" name="測(cè)試3"/></div>
JS方法如下:
<script type="text/javascript"> $("#btnSubmit").on("click",function () { //事件綁定btnSubmit是信息填寫(xiě)完畢提交處的按鍵 var propertyMap= {}; $(".property").each(function () { propertyMap[this.name] = this.value; }); var propertyInfo= JSON.stringify(propertyMap); alert($("#propertyInfo") }); </script>
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
相關(guān)文章
在CSS里寫(xiě)復(fù)雜的JavaScript腳本
在IE下,CSS里可以寫(xiě)入JavaScript腳本,不過(guò),要用expression套住. 雖然可以這樣,但是由于是在CSS里,這個(gè)特殊地方,所以,不能寫(xiě)成如下這樣: width:expression(if(...){}else{...})2008-04-04JS實(shí)現(xiàn)不使用圖片仿Windows右鍵菜單效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)不使用圖片仿Windows右鍵菜單效果代碼,涉及文鼎字及css樣式的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10JS函數(shù)的call和apply的實(shí)現(xiàn)方法區(qū)別分析
這篇文章主要為大家介紹了JS函數(shù)的call和apply的實(shí)現(xiàn)方法區(qū)別分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析
這篇文章主要介紹了JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08兩種常用的javascript數(shù)組去重方法思路及代碼
第一種是常規(guī)的方法:建一個(gè)新的數(shù)組存放結(jié)果,for循環(huán)中每次從原數(shù)組中取出一個(gè)元素,用indexOf查找新數(shù)組中是否有該元素,至于第二種詳細(xì)的看下本文哦2013-03-03基于JS實(shí)現(xiàn)9種不同的面包屑和分布式多步驟導(dǎo)航效果
本文是小編給大家分享的基于js實(shí)現(xiàn)的9種不同風(fēng)格的面包屑和分布式多步驟導(dǎo)航效果,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-02-02createElement動(dòng)態(tài)創(chuàng)建HTML對(duì)象腳本代碼
利用createElement動(dòng)態(tài)創(chuàng)建鏈接,div等代碼2008-11-11JS循環(huán)發(fā)送請(qǐng)求時(shí)控制請(qǐng)求并發(fā)數(shù)實(shí)例
這篇文章主要介紹了JS循環(huán)發(fā)送請(qǐng)求時(shí)控制請(qǐng)求并發(fā)數(shù)實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12window.onload與$(document).ready()的區(qū)別分析
這篇文章主要介紹了window.onload與$(document).ready()的區(qū)別,實(shí)例分析了二者在加載頁(yè)面元素使用過(guò)程中的區(qū)別,需要的朋友可以參考下2015-05-05JS模擬實(shí)現(xiàn)ECMAScript5新增的數(shù)組方法
ECMAScript5 新增了十個(gè)數(shù)組方法,這些方法只有在ie9及以上瀏覽器中可以被使用,下面是對(duì)于這些方法的模擬實(shí)現(xiàn)簡(jiǎn)單介紹下,需要的朋友參考下2017-03-03