如何在Classic ASP中提交表单时同时传递dynamic array与其他表单值？

这个需求在Classic ASP里其实很好实现，核心是用前端JS维护选中的数组，再把数组内容转换成表单能提交的格式，后端再解析成数组即可。下面给你两种常用的方案：

方案一：用多个同名隐藏域存储数组元素 #

这种方法适合数组元素可能包含特殊字符（比如逗号）的场景，每个元素对应一个独立的隐藏表单控件，提交后后端可以直接获取到数组。

前端代码（表单页面） #

<form id="myForm" action="target.asp" method="post">
  <!-- 其他表单控件，比如文本框 -->
  <input type="text" name="username" placeholder="请输入用户名">
  
  <!-- 从数据库读取的图片列表，给每张图片绑定点击事件 -->
  <% 
  ' 假设这里是你从数据库读取图片的循环代码，示例用模拟数据
  Dim imgIds, imgPaths
  imgIds = Array(1,2,3)
  imgPaths = Array("img1.jpg", "img2.jpg", "img3.jpg")
  Dim i
  For i = 0 To UBound(imgIds)
  %>
    <img src="<%= imgPaths(i) %>" alt="选择图片" data-value="<%= imgIds(i) %>" class="selectable-img" style="cursor:pointer; margin:0 10px;">
  <% Next %>
  
  <!-- 用来存放动态生成的隐藏域的容器 -->
  <div id="hiddenItemContainer"></div>
  
  <button type="submit">提交表单</button>
</form>

<script>
// 初始化用来存储选中元素的数组
let selectedItems = [];

// 给所有可选图片绑定点击事件
document.querySelectorAll('.selectable-img').forEach(img => {
  img.addEventListener('click', function() {
    const itemValue = this.getAttribute('data-value');
    
    // 避免重复添加（可选，根据你的需求决定是否需要去重）
    if (!selectedItems.includes(itemValue)) {
      selectedItems.push(itemValue);
      
      // 生成对应的隐藏域，name统一为arrItem
      const hiddenInput = document.createElement('input');
      hiddenInput.type = 'hidden';
      hiddenInput.name = 'arrItem';
      hiddenInput.value = itemValue;
      document.getElementById('hiddenItemContainer').appendChild(hiddenInput);
      
      // 给选中的图片加个视觉标记，比如蓝色边框
      this.style.border = '2px solid #007bff';
    }
  });
});
</script>

后端代码（target.asp） #

<%
' 获取文本框的普通表单值
Dim username
username = Trim(Request.Form("username"))
Response.Write "用户名：" & username & "<br><br>"

' 获取数组元素：Request.Form("arrItem")会自动返回逗号分隔的字符串，用Split转成数组
Dim arrItems, selectedArr
arrItems = Request.Form("arrItem")
If arrItems <> "" Then
  selectedArr = Split(arrItems, ",")
  
  Response.Write "选中的数组元素：<br>"
  Dim idx
  For idx = 0 To UBound(selectedArr)
    Response.Write "- " & selectedArr(idx) & "<br>"
  Next
Else
  Response.Write "没有选中任何元素"
End If
%>

方案二：用单个隐藏域存储分隔后的字符串 #

如果你的数组元素不会包含特殊分隔符（比如逗号），可以用这种更简洁的方式，把数组转成逗号分隔的字符串存在单个隐藏域里，后端再拆分回数组。

前端代码（表单页面） #

<form id="myForm" action="target.asp" method="post">
  <input type="text" name="username" placeholder="请输入用户名">
  
  <!-- 数据库读取的图片列表 -->
  <% 
  Dim imgIds, imgPaths
  imgIds = Array(1,2,3)
  imgPaths = Array("img1.jpg", "img2.jpg", "img3.jpg")
  Dim i
  For i = 0 To UBound(imgIds)
  %>
    <img src="<%= imgPaths(i) %>" alt="选择图片" data-value="<%= imgIds(i) %>" class="selectable-img" style="cursor:pointer; margin:0 10px;">
  <% Next %>
  
  <!-- 单个隐藏域存储数组字符串 -->
  <input type="hidden" name="arrStr" id="arrStr" value="">
  
  <button type="submit">提交表单</button>
</form>

<script>
let selectedItems = [];

document.querySelectorAll('.selectable-img').forEach(img => {
  img.addEventListener('click', function() {
    const itemValue = this.getAttribute('data-value');
    if (!selectedItems.includes(itemValue)) {
      selectedItems.push(itemValue);
      // 更新隐藏域的值，用逗号分隔数组元素
      document.getElementById('arrStr').value = selectedItems.join(',');
      this.style.border = '2px solid #007bff';
    }
  });
});

// 可选：在表单提交前再更新一次，确保值是最新的
document.getElementById('myForm').addEventListener('submit', function() {
  document.getElementById('arrStr').value = selectedItems.join(',');
});
</script>

后端代码（target.asp） #

<%
Dim username
username = Trim(Request.Form("username"))
Response.Write "用户名：" & username & "<br><br>"

' 获取分隔后的字符串，拆分转成数组
Dim arrStr, selectedArr
arrStr = Trim(Request.Form("arrStr"))
If arrStr <> "" Then
  selectedArr = Split(arrStr, ",")
  
  Response.Write "选中的数组元素：<br>"
  Dim idx
  For idx = 0 To UBound(selectedArr)
    Response.Write "- " & selectedArr(idx) & "<br>"
  Next
Else
  Response.Write "没有选中任何元素"
End If
%>

注意事项 #

• 如果你的数组元素可能包含逗号或其他特殊字符，推荐用方案一，或者在方案二中换用不冲突的分隔符（比如|），同时在前端用encodeURIComponent编码元素，后端用Server.URLDecode解码：
  前端JS：selectedItems.push(encodeURIComponent(itemValue))，然后join('|')
  后端ASP：decodedValue = Server.URLDecode(selectedArr(idx))
• Classic ASP中，Request.Form.GetValues("arrItem")也可以直接返回一个Variant数组，你也可以用这个方法替代Split，比如：selectedArr = Request.Form.GetValues("arrItem")

内容的提问来源于stack exchange，提问作者pulplus