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