最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

js獲取form表單中name屬性的值

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:00:29
文檔

js獲取form表單中name屬性的值

js獲取form表單中name屬性的值:在項(xiàng)目中因?yàn)閯?dòng)態(tài)表單無法確定標(biāo)簽name屬性的值,因此需要即時(shí)獲取以便進(jìn)行存儲。前端代碼如下: <div class=control-group> <label class=control-label>土撥鼠常挖坑</label> <form:input pat
推薦度:
導(dǎo)讀js獲取form表單中name屬性的值:在項(xiàng)目中因?yàn)閯?dòng)態(tài)表單無法確定標(biāo)簽name屬性的值,因此需要即時(shí)獲取以便進(jìn)行存儲。前端代碼如下: <div class=control-group> <label class=control-label>土撥鼠常挖坑</label> <form:input pat

在項(xiàng)目中因?yàn)閯?dòng)態(tài)表單無法確定標(biāo)簽name屬性的值,因此需要即時(shí)獲取以便進(jìn)行存儲。前端代碼如下:

<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、在上述兩種方式都失敗后,整個(gè)人不行了。最后找到了一個(gè)相對可行的方式,對class屬性做修改,獲取全部值,然后通過<c:foreach>標(biāo)簽獲取this.value  和this.name,并放入map中。具體操作可參考如下代碼(與上面代碼區(qū)別在于class屬性,在此處添加了property作為標(biāo)識,此處可自定義名稱)

<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>

總結(jié)

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

js獲取form表單中name屬性的值

js獲取form表單中name屬性的值:在項(xiàng)目中因?yàn)閯?dòng)態(tài)表單無法確定標(biāo)簽name屬性的值,因此需要即時(shí)獲取以便進(jìn)行存儲。前端代碼如下: <div class=control-group> <label class=control-label>土撥鼠常挖坑</label> <form:input pat
推薦度:
標(biāo)簽: 獲取 表單 的值
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top