CODEWITHSUNDEEP
jqueryhtml
user1022585
user1022585

Reputation: 13661

jquery span tag

In my code I have this:

<textarea id="screen" cols="40" rows="20" readonly> </textarea>

which displays the data in the screen id, obviously.

But when I change it to:

<span id="screen"></span>

or

<div id="screen"></div>

it shows nothing.

Go easy on me i'm a rookie.

additional info

this is in my script tag in the head section: 

function update()
{
$.post("chat_new_serv.php", {}, function(data){ $("#screen").val(data);});  

setTimeout('update()', 3000);
}

$(document).ready(

function() 
{
 update();

 $("#button").click(    
  function() 
  {         
   $.post("chat_new_serv.php", 
{ message: $("#message").val()},
function(data){ 
$("#screen").val(data); 
$("#message").val("");
}
);
  }
 );
});

The new_chat_serv page just outputs the chat text from the database.

Upvotes: 2

Views: 1658

Answers (2)

jwhat
jwhat

Reputation: 2042

For <textarea> you can use .val(), but for <div> and <span> you want to use .html() or .text().

Upvotes: 1

Tim M.
Tim M.

Reputation: 54417

val() will only get/set the contents of input elements (TEXTAREA included). Use html() or text() to get/set the contents of other HTML tags.

From your code:

$("#screen").val(data);

Would become:

$("#screen").html(data);

Upvotes: 4

Related Questions