jquery - 将多个值插入隐藏字段

Question

我有一个选择列表，您可以在其中选择多个城市 - 选择城市时，我想将邮政编码添加到隐藏字段，我现在的解决方案将值插入隐藏字段，但是，它会在 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');
});