Grab information from a textarea

Question

I need help to grab information from a textarea. When I click on a link named "Edit", the div beside it containing a note, is transformed from a div to a textarea.

I do this with the following code:

$(".edit").click( function(){
var id = parseInt($(this).attr('id').split('_')[1]); //returns the unique integer
//edit only the div with that integer assigned
$('#edit_note_'+id).replaceWith(function() {
        return $("<textarea name='anteckning' style='width: 550px; height: 350px;'>").text(this.textContent);
    });
    $('.show_edit_button_'+id).show();
});

After I have finished editing the note, I want to upload it to the database. But I don't know how to grab the edited text in the textarea? I've tried .text(), but when I use it, it is declares as undefined.

Anyone who can help me?

You are not saving the data, after writing the data you need to get the data by any action like button click or using focuschange — ajitksharma, Feb 10 '14 at 12:18

score 0 · Accepted Answer · edited May 23 '17 at 11:49

0

Try this:

$('input#mybutton').click(function() {
    var text = $('textarea#mytextarea').val();
    //send to server and process response
});

Source: jQuery get textarea text

edited May 23 '17 at 11:49

Community

1
1

answered Feb 10 '14 at 12:25

Haudegen

498
1
4
17

Give your textarea an id and the use it `return $('#mytextarea').val();` – Haudegen Feb 10 '14 at 12:43

score 0 · Answer 2 · answered Feb 10 '14 at 13:02

0

Before replace the content of the div you should get the data before put the textarea and when you have your textarea created, then you can put the data stored before in a variable.

answered Feb 10 '14 at 13:02

Arleal

66
3

Grab information from a textarea

2 Answers2