如何使用jQuery从文本字段读取文件到变量?

时间:2014-06-10 10:08:46

标签: javascript jquery

所以,我在本地服务器上获得了页面,这个页面包含textarea和button。我正在尝试将onclick函数写入按钮,它将读取我在文本区域中输入的内容,并对数据库进行记录。就像我在这里输入我的问题一样,然后按提问。问题是我无法正确阅读文本区域中的文本,它基本上只能看到加载页面时的内容,只是重写它。如何在单击按钮之前输入文本?我只是想知道如何将该文本复制到一些var,我可以将其输入数据库。

$.getJSON('/link/' + tenderId, function (data) { 
     var description = ''; 
     description += '<textarea id="description" class="form-control" rows="3">' + data.description + '</textarea>'; 
     $('#description').html(description); 
});

4 个答案:

答案 0 :(得分:0)

您需要使用val()(我猜您正在使用text())来获取文本区域的文本:

$('input#mybutton').click(function() {
    var text = $('textarea#mytextarea').val();
});

当然这只是猜测,因为你没有提供任何代码!:)

更新

您添加的代码也不正确,因为它在ID为description的div中添加了description的重复ID! ID必须在页面上是唯一的。

假设您想要一个新的ID,那么您的代码就更清晰了:

$.getJSON('/link/' + tenderId, function (data) {
    var $textArea = $("<textarea>", {class: "form-control", id: "descriptionText", rows: "3"}).val(data.description);
    $('#description').empty().append(description);
});

答案 1 :(得分:0)

在点击事件

中使用此代码
var textareaValue = $('textarea#textareaId').val();

HTML

<textarea id="textareaId"></textarea>

回答:https://stackoverflow.com/a/144836/2772017

答案 2 :(得分:0)

$('button').click(function(){
var myString = $('#description').val();
})

然后在任何你喜欢的地方使用myString。

答案 3 :(得分:0)

我无法弄清楚方法逻辑;看来你正在拉一些json数据然后将它附加到textarea,而在问题描述中你说你试图保存textarea内容,所以你必须通过POST请求发送它。

您的页面中是否还有<textarea id="description"...>元素,或者您是否会在每次点击按钮时创建它? 如果是这种情况,您可以尝试使用以下代码段:

$.getJSON('/link/' + tenderId, function (data) { 
  var $description = $("<textarea>");
  $description.attr({
      id:'description',
      class:'form-control',
      rows:'3'})
    .html(data.description);
//you will have then to append this jQuery element, e.g: $("#wrapper").append($description)
});