无需提交即可获取插入的数据

时间:2014-01-19 10:12:15

标签: javascript jquery ajax

根本无法弄清楚我做错了什么。我想在用户离开输入字段时使用jQuery获取新插入的数据。

<textarea rows="3" id="textArea" data-atr="23,mytest,se"></textarea>

如果我在框中有预定义的文本,它可以工作,但如果它只是插入文本则不行。

这是我到目前为止所做的:

$(document).ready(function() {  

    $("#textArea").blur(function(){

        var atr = $("#textArea").data("atr");

        var temp = new Array();
        temp = atr.split(",");

        var thisText = $("#textArea").html();

        console.log(temp[0]+' - '+temp[1]+' - '+temp[2]+' - '+thisText);
    });

});

在我在字段中写入内容之后,我的控制台日志看起来像这样: 23 - mytest - se -

输入的文字不存在?我做错了什么?

任何帮助都表示赞赏,并提前感谢: - )

1 个答案:

答案 0 :(得分:3)

请使用val()而不是html()。

您现有的代码..

var thisText = $("#textArea").html();

你应该使用..

var thisText = $("#textArea").val();