javascript - 将选项值附加到隐藏字段？

Question

只需按一下按钮，我就可以遍历选择中的选项列表。我希望将所有这些选项（选项的值）附加到隐藏字段，由管道分隔|。到目前为止，我已经想出了这个，但是，它只是将选项的最后一个值放在隐藏字段的选择中？

//Select all cities
$jq("input#checkcities").click(function () {

    $jq(".select-cities > option").each(function () {
        var zipCodeValue = $jq(this).val();

        $jq(".select-cities option").attr("selected", "selected");
        $jq(".select-cities option").appendTo(".chosen-cities");

        //Put value of cities in hidden field.
        $jq('.hiddenFieldChosenCities').val(zipCodeValue);

    });
});

Answer 1

您可以使用map方法：

var zipCodeValues = $jq(".select-cities > option").map(function () {
                          return this.value;
                    }).get().join('|');

$jq('.hiddenFieldChosenCities').val(zipCodeValues);

Answer 2

您需要添加值：

$jq('.hiddenFieldChosenCities').val($jq('.hiddenFieldChosenCities').val() + '|' + zipCodeValue);

Answer 3

• 创建字符串zipvalues
• 循环遍历城市并将城市附加到zipvalues

• 最后将隐藏字段值设置为zipvalues。

  // Select all cities
  $jq("input#checkcities").click(function () {
      var zipvalues = "";
  
      $jq(".select-cities > option").each(function () {
          var zipCodeValue = $jq(this).val();
  
          $jq(".select-cities option").attr("selected", "selected");
          $jq(".select-cities option").appendTo(".chosen-cities");
  
          zipvalues += "|" + zipCodeValue;
      });
  
      //Put value of cities in hidden field.
      $jq('.hiddenFieldChosenCities').val(zipvalues);
  });
  

Answer 4

像这样试试

$jq('.hiddenFieldChosenCities').val($jq('.hiddenFieldChosenCities').val() + '|' + zipCodeValue);