將選項值附加到隱藏字段？

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

嘗試這樣

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

Answer 2

您需要添加值：

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

Answer 3

您可以使用map方法：

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

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

Answer 4

• 創建的字符串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); 
  });