Php jquery从select生成带分隔符的字符串

从dropdownlist中，用户可以选择选项并单击按钮将该选项添加到文本框中。同时，我想将文本添加到隐藏字段，并用| deliminator将每个选项连接起来

<select id="services" multiple>
        <option>Mobile</option>
        <option>Computer</option>
        <option>Electronic</option>
</select>

$( "#services-add" ).click(function() {
//here when this button clicked I want to add options to hidden field(already created) as string with deliminator 
}

这里是我想要附加文本的隐藏字段

<input type="hidden" name="value" value="" />

使用map将所有选定数据收集到数组中，并使用attr存储到隐藏字段中

演示：

---

对不起，我想你没有正确理解这个问题。用户可以通过单击按钮添加多个选项。它应该是一个包含所有这些值的字符串。应该是一个可以单击并向隐藏字段添加选项的按钮。添加时请同时查看此按钮。我需要将文本附加到隐藏字段：@Dushan您是否检查了2个演示。或者正在寻找新答案？附加是我想要的。未完成更改

$("#services-add").click(function () {
    var val = $("#services option:selected").map(function () {
        return $(this).text();
    }).get();
     $("[type=hidden][name=value]").attr("value", val);
});

$( "#services-add" ).click(function() 
{                                
var insertText =$("#services option:selected").map(function () {
        return this.value;
}).get().join('|');
$('#services-view').val(insertText);
});