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