get content of a div from a variable using jQuery

Question

i am building a php form with ajax and i am submitting the form variables to the same page where the form resides. my validating code looks like

if($valid){
    echo "<div id='retmsg'>Your message has been submitted successfully</div>";
}
else {
    echo "<div id='retmsg'>An error occured!</div>";
}

My ajax code

function form_submit() {
 $('#response').html('Loading...').fadeIn();
$.ajax({
    type: "POST",
url:  "<?php $_SERVER['PHP_SELF']; ?>",
data: "title=" + $('#title').val() + "&content=" + $('#contents').val(),
success: function(html){
var message = $("#retmsg").html(html);
alert(message);
  }

}); 
}

i need to alert the contents of div id "retmsg". But the alert shows me like "[Object Object]". Please help me...

Salil · Accepted Answer · 2010-05-28 06:48:22Z

1

Check

var message = $("#retmsg").value;

answered May 28, 2010 at 6:48

Salil

47.7k22 gold badges127 silver badges161 bronze badges

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

1 Comment

devdarsh Over a year ago

Hi, thanks for the reply. It shows "undefined". For your information i am getting the all contents in a variable "html" and then i am trying to filter out contents of #retmsg

Davide Ungari · Accepted Answer · 2010-05-28 06:50:30Z

0

Try

 alert(message.html())

answered May 28, 2010 at 6:50

Davide Ungari

1,9601 gold badge14 silver badges24 bronze badges

1 Comment

Davide Ungari Over a year ago

I suggest you to use firebug to test your client side code. I did alert($("#someExistingID").html("a").html()) in some pages and it shows me "a"... probably you are losing some error in your code.

Alex Pacurar · Accepted Answer · 2010-05-28 06:59:23Z

0

take a look at jquery`s html(). if you want to retrieve the html content of a certain element you need to use html() function with no arguments.

so from this:

var message = $("#retmsg").html(html);

to this:

var message = $("#retmsg").html();

The "[Object Object]" that the

$("#retmsg").html(html);

returns is actually a jquery object. You can find more on jquery chain

edited May 28, 2010 at 6:59

answered May 28, 2010 at 6:52

Alex Pacurar

5,8814 gold badges28 silver badges33 bronze badges

4 Comments

devdarsh Over a year ago

but i am submitting the form the same page and the page already has the html elements(whole page with form elements), html() will return all contents again. Hope you understand

Alex Pacurar Over a year ago

what i want to say is that in your code, you alert the jquery object, to alert the the contents of div id "retmsg" as you said you need to do : alert($("#retmsg").html());

devdarsh Over a year ago

i think both ways are same because i get the same answer for also alert($("#retmsg").html())

Alex Pacurar Over a year ago

alert($("#retmsg")[0].innerHTML);

devdarsh · Accepted Answer · 2010-05-28 08:28:16Z

0

Thanks for all gentle mens who shared my issue. As i mentioned in my description, as i submitted the form to the same page, the page loads again with all components i used such as jQuery library and js files i.e the whole document. That's the problem. I simply used if(post){ } else { form validation } for the whole html content and got it solved.

answered May 28, 2010 at 8:28

devdarsh

952 silver badges11 bronze badges

Collectives™ on Stack Overflow

get content of a div from a variable using jQuery

4 Answers 4

1 Comment

1 Comment

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related