亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

與 div 相關的輸入的唯一值

與 div 相關的輸入的唯一值

慕萊塢森 2023-08-18 17:45:46
我有一個表單,其中某個部分有一個為每一行創建的輸入表,如下所示。<input type="text" class="input1" name="fname" /><input type="text" class="input2" name="fname" /><input type="text" class="input3" name="fname" /><input type="text" class="input5" name="fname" />這些是動態創建的,用戶控制行數,因此可以有 5 行,也可以有 20 行。我需要將輸入的值獲取到數組中,我通過循環包含<tr>輸入的數組來創建數組。for (i = 0; i < $(".TRTR").length; i++) {  // trying to capture the values here });然后我將其推入數組中。arr.push(values)就目前情況而言,我沒有得到正確的值。我想獲取每個單獨行的所有值,但我要么獲取每個循環上的第一個輸入值(通過使用該方法.val()),要么獲取整個表中每個輸入的所有值。我需要做的是獲取該行的輸入值,然后創建一個新對象,并在繼續循環時在該對象上使用該行的值。因此,如果我有 4 行,數組中就會有 4 個對象,每個對象都有與該行相關的輸入值。例子:object 1 { value 1, value 2, value 3, value 4 }object 2 { value 5, value 6, value 7, value 8 }任何幫助將不勝感激。
查看完整描述

1 回答

?
富國滬深

TA貢獻1790條經驗 獲得超9個贊

您可以使用它map()在每個表行中構建輸入值的二維數組。嘗試這個:


let values = $('tr').map((_, tr) => [$(tr).find(':input').map((_, input) => input.value).get()]).get();

console.log(values);


/* longer version of the above, although more readable:

let values = $('tr').map((_, tr) => {

  return [$(tr).find(':input').map((_, input) => input.value).get()

]).get();

*/

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>

  <tr>

    <td>

      <input type="text" class="input1" name="fname" value="1_1">

      <input type="text" class="input2" name="fname" value="1_2">

      <input type="text" class="input3" name="fname" value="1_3">

      <input type="text" class="input5" name="fname" value="1_4">

    </td>

  </tr>

  <tr>

    <td>

      <input type="text" class="input1" name="fname" value="2_1">

      <input type="text" class="input2" name="fname" value="2_2">

      <input type="text" class="input3" name="fname" value="2_3">

      <input type="text" class="input5" name="fname" value="2_4">

    </td>

  </tr>

</table>


查看完整回答
反對 回復 2023-08-18
  • 1 回答
  • 0 關注
  • 119 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號