在隐藏字段中插入多个值

Question

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

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

Answer 1

试试这个：

$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');
});

Answer 2

$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');
});