Dynamic loading of textarea using jquery

Question

How can I load an article (textarea) dynamically writing in the input text field (article ID) ? I want to check the ID in my DB and load the articles associated to it. Can you people give me an example ?

all should be done without any button: no form/buttons

TruthTeller
– TruthTeller

2012-08-31 20:07:20 +00:00
Commented Aug 31, 2012 at 20:07 — TruthTeller
– TruthTeller, Commented Aug 31, 2012 at 20:07
Try searching the interwebs for jQuery.ajax

Big McLargeHuge
– Big McLargeHuge

2012-08-31 20:08:20 +00:00
Commented Aug 31, 2012 at 20:08 — Big McLargeHuge
– Big McLargeHuge, Commented Aug 31, 2012 at 20:08

Krishna Kumar · Accepted Answer · 2012-08-31 20:25:19Z

1

Use ajax if possible.

<textarea id="id_name"></textarea>

<script>
jQuery(function(){
    jQuery.ajax({
        url: "content_page.jsp", // .php or whatever file you are using
        method: "GET",
        success: function(data){
            jQuery("textarea#id_name").val(data);
        }
    }); 
});

</script>

edited Aug 31, 2012 at 20:25

answered Aug 31, 2012 at 20:14

Krishna Kumar

2,1311 gold badge23 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

TruthTeller Over a year ago

@k.k what if the data displayed in the text area derives from a input text field ?

Krishna Kumar Over a year ago

you need populate data into same page or from other page?

Deepak · Accepted Answer · 2012-08-31 20:49:11Z

0

An improved Version

<textarea id="id_name"></textarea>

<script>
$(document).ready(function(){
    $.ajax({
        url: "content_page.php",
        method: "GET",
        success: function(data){
                 $("textarea#id_name").val(data);
         }
    }); 
});

</script>

More reading about this http://api.jquery.com/ready/

edited Aug 31, 2012 at 20:49

answered Aug 31, 2012 at 20:19

Deepak

6,82718 gold badges71 silver badges121 bronze badges

2 Comments

callumacrae Over a year ago

Really? I always thought that calling the jQuery object with a function was just an alias for $(document).ready.

Deepak Over a year ago

@CallumMacrae My apologize !! I thought if the order is mixed we are in trouble!!

Collectives™ on Stack Overflow

Dynamic loading of textarea using jquery

2 Answers 2

2 Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Related