从输入字段中提取文本时，jquery keyup无法正常工作

Question

我想创建两个文本框和一个连接两个输入字段的文本的textarea。 我的html代码如下：

<input class= 'inpo' type='text'/>
<input class= 'inpo' type='text'/>
<textarea id='res' readonly></textarea>

我的jquery代码如下：

$(".inpo").keyup(function(){
        var str = "";
    $(".inpo").each(function() {
        str += $(this).text() + " ";
    })
    $("#res").val(str);
});

然而，它不起作用。我的控制台上也没有任何东西。

Answer 1

你应该使用val（）而不是text（）：

$(".inpo").keyup(function(){
        var str = "";
    $(".inpo").each(function() {
        str += $(this).val() + " ";
    })
    $("#res").val(str);
});