首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

jQuery 合併多個同名輸入框值到目標輸入框:each 迭代拼接

     編輯:程式設計綜合問答

需求:將多個 name="proc" 的輸入框值拼接合併到 id="peocessdescription" 輸入框。

代碼實現

var value = ''; // 初始化空字串
$("input[name='proc']").each(function() {
    value += $(this).val();
});
$('#peocessdescription').val(value);

進階:加入分隔符

var values = $("input[name='proc']").map(function() {
    return $(this).val();
}).get().join('、'); // 以「、」分隔
$('#peocessdescription').val(values);

注意

  • 若目標輸入框同樣名為 proc,會被 each 重複讀取導致無限增長,**務必使用不同 name/id**。
  • val() 返回字串,null 會轉為 "null" 字串,建議 $(this).val() || '' 防呆。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved