textarea.val()值已更改但未在页面上显示

Question

我有这样的textarea,

<textarea id="txtaFilter" cols="45" rows="5"></textarea>

和以下脚本,

$(document).ready(function () {
    $(".selector").bind('change', function () {
        var value = $(this).val();
        $("#txtaFilter").val($("#txtaFilter").val() + value);
        $(this).children('option:eq(0)').prop('selected', true);
    });
});

其中".selector"是应用于两个下拉列表的类.

当我在下拉列表中选择一个值时,它似乎什么都不做,但是在查看chrome中的调试器后,它正在更改值而不显示它.

有人知道为什么吗？关于.val()属性有什么特别之处吗？

---

问题方案:

我忘记了当我删除$(this).siblings("#txtaFilter")时页面上有多个"#txtaFilter",所以它访问了隐藏的而不是可见的.对不起,我猜这个问题也错了:/

Answer 1

你可以使用val方法:

$("#txtaFilter").val(function(i, oldVal){
   return oldVal + value
});