javascript - 将数组值添加到隐藏的表单字段

Question

我正在尝试将逗号分隔值添加到隐藏的表单字段，以便稍后使用下拉菜单的更改作为我的触发器进行处理。

$("#artistselect").change(function() {
  var allids = [];

  allids.push($(this).children(":selected").attr("id"));

  $("input[name=artistslist]").attr("value", $(allids).append(allids + ", "));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <select id="artistselect">
    <option value="1">1</option>
    <option value="1">1</option>
    <option value="1">1</option>
  </select>
  <input type="hidden" name="artistslist" value="" />
</form>

我能做的最好的事情就是获取更改为所选下拉列表的值，但它不会将它们与逗号一起添加。

Answer 1

将 var allids=[]; 移出事件，因为每次它触发时您都在销毁它。

var allids=[];

$("#artistselect").change(function() {
    allids.push($(this).children(":selected").attr("id"));

     $("input[name=artistslist]").val(allids.join(', '));
});

在最后一行你可以使用Array.prototype.join从数组中获取逗号分隔的字符串。

当您的 html 显示没有 id 属性的选项时，不确定为什么要使用 .attr("id")。看起来你想要值而不是 id。