javascript - 使用 Select2 填充文本区域的值字段

Question

在select2 tagging 的示例中，开发人员动态生成了value相应input元素的 （#e12）。每当用户选择或取消选择一个选项时，value输入的 立即改变。

//JS for example
$("#e12").select2({tags:["red", "green", "blue"]});

//Corresponding html
<input type="hidden" id="e12" value="brown,red,green" tabindex="-1" class="select2-offscreen">

//Corresponding html if the user unselects "brown"
<input type="hidden" id="e12" value="red,green" tabindex="-1" class="select2-offscreen">

我想对一个textarea元素做同样的事情。但是，当我按照他们的示例添加标签时value，我的textarea确实会动态更改。

完整的 JS 在这个馅饼中：http: //pastie.org/private/0uhoyqiqauhcx40av5j68g

//My JS, truncated.  
$(".addPeopleToCohort").select2({
        tags: ["David Baldwin", "Gonzo Loopy", "Eric Baldwin", "Terry Stark"],
        ...
//Corresponding HTML, note the lack of a value field
<textarea class="addPeopleToCohort select2-offscreen" name="students" tabindex="-1">

我应该怎么做才能获得textarea动态更新的value字段？

Answer 1

不知道我理解的对不对，看看能不能帮到你：

http://jsfiddle.net/q75D9/2/

$('#select-data').change(function(){
   var insert = $( "#select-data option:selected" ).val();
   $('#insert-data').val(insert);
});

拥抱。