使用Select2填充textarea的值字段

时间:2014-07-30 01:05:21

标签: javascript jquery html jquery-select2 select2-rails

select2 example for tagging中,dev动态生成相应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的{​​{1}}会动态更改。

Full JS就在这个片段中:http://pastie.org/private/0uhoyqiqauhcx40av5j68g

textarea

我应该怎样做才能让//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字段?

1 个答案:

答案 0 :(得分:0)

我不知道我是否理解正确, 看看是否有帮助:

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

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

拥抱。