Jquery 在隐藏字段中插入多个值

我有一个选择列表，您可以在其中选择多个城市-当选择一个城市时，我想将Zipcode添加到一个隐藏字段中，我现在的解决方案将值插入到隐藏字段中，但是，当fx:单击一个新城市时，它会覆盖该值-它应该只是附加到该值，如：value=“value1 | value2 | value3”

试试这个：

$jq('.select-cities').click(function () {
    var zipcodeValue = $jq(this).val();
    //alert(zipcodeValue);
    var oldVal = $jq('.hiddenFieldChosenAreas').val();
    $jq('.hiddenFieldChosenAreas').val(oldVal+"|"+ zipcodeValue);
    $jq('.select-cities option:selected').appendTo('.chosen-cities');
});

$jq('.select-cities').click(function () {
    var zipcodeValue = $jq(this).val();
    //alert(zipcodeValue);
    var oldVal = $jq('.hiddenFieldChosenAreas').val();
    $jq('.hiddenFieldChosenAreas').val(oldVal+"|"+ zipcodeValue);
    $jq('.select-cities option:selected').appendTo('.chosen-cities');
});

$jq('.select-cities').click(function () {
    var zipcodeValue = $.trim( this.value );
    $jq('.hiddenFieldChosenAreas').val(function(i, oldVal) {
       return oldVal + '|' + zipcodeValue;
    });
    $jq('option:selected', this).appendTo('.chosen-cities');
});