jquery - 用户键入时出现文本区域问题，但文本没有改变

Question

我有个小问题。我有一个带有选项的选择。选择一个选项后，文本区域中的文本会发生变化，一切正常，而用户不会尝试在文本区域中写东西，当用户键入时，文本不会再发生变化。这是代码:选择选项:

   <select class="es" id="es1">
    <option id="edu1">1</option>
    <option id="edu2">2</option>
</select>

这是我使用的 jQuery 代码(在这段代码中，我选择了选项 ID，然后通过 ID 号显示文本，一切正常)

$('#es1').change(function() {
                    $('#sk1').html('');
                    var id = $(this).children(":selected").attr("id");
                    var idd = id.split('edu');
                    var num = idd[1];
                    $('#sk1').html(customTextByNumber[num]);
                });

我有一个 id="sk1"的文本区域。最有趣的是，当用户在框中输入额外的内容时，当我选择其他选项时，文本不会改变，但是当我查看检查元素(在谷歌浏览器中)时，我可以看到文本正在改变，但是之后标签。例如，当用户不输入时，所有内容都显示在 html 中，如下所示:

<textarea id="sk1">text here</textarea>

在用户输入额外内容后:

<textarea id="sk1">ecustom text and user text</textarea> Another options text which is not shown to user</textarea>

也许您有一些解决此类问题的想法？

已解决如果有人有这样的问题使用这个

$('#sk1').val(something);

而不是这个

$('#sk1').html('something'); (this is bad one)

Answer 1

您需要在 textarea 上使用 .val() 方法:

$('#es1').change(function () {
    $('#sk1').val(''); // This line is probably unnecessary...
    var id = $(this).children(":selected").attr("id");
    var idd = id.split('edu');
    var num = idd[1];
    $('#sk1').val(customTextByNumber[num]);
});​

我不知道 customTextByNumber 是什么，但它应该在编辑 textarea 中的文本后起作用。