Question

从下拉列表中，用户可以选择选项并单击按钮将该选项添加到文本框。同时我想补充一点，隐藏字段的文本用“|”加入每个选项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="" />

Answer 1

使用map将所有选定的数据收集到数组中并使用attr

存储到隐藏字段

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

DEMO

Answer 2

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

演示：

http://jsfiddle.net/Npm6w/1/

jquery从select生成一个分隔的字符串

2 个答案:

DEMO