Use value of textarea when button is clicked

**CalabiYau** · 04-23-2012 03:26 PM

My Code looks like (simplified) this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>title</title>	
	<script type="text/javascript" src="file.js"> </script> 
</head>

<body>
	<textarea rows="10" cols="30" id="taIn"> </textarea>
	<input type="button" id="btOne" onclick="" value="Press">
	</input>	
        <table id="tabID"> ... </table>
</body>

</html>

I want the user to be able to insert a text into "taIn". When he presses "btOne", a function "fnc(tableID, text)" (in file.js)processing the inserted text should be called and should edit content on the page, especially the table following it. How do I modify the attribute "onclick"?

I tried

Code:

onclick={"fnc(tabID, " + taIn.value + ")"}

though this does not seem to work. Any suggestions?

Thank you in advance!

**xelawho** · 04-23-2012 03:51 PM

there is almost certainly a better way to do this, but did you try:

Code:

<input type="button" id="btOne" onclick="fnc('tabID',document.getElementById('taIn').value)" value="Press">
	</input>

**CalabiYau** · 04-23-2012 04:05 PM

Thank you a lot! This works perfectly! Would you like to explain your comment regarding the "almost certainly better solution"?

**xelawho** · 04-23-2012 05:27 PM

one almost certainly better solution would be just to pass the id of the textarea to the function and to grab its value then:

Code:

<input type="button" id="btOne" onclick="fnc('tabID','taIn')" value="Press">
	</input>

function fnc(tableID, textid){
var text=document.getElementById(textid).value;

//etc
}

**CalabiYau** · 04-23-2012 06:01 PM

Sounds reasonable

. Thank you!

Thread: Use value of textarea when button is clicked

Thread Tools

Display

Use value of textarea when button is clicked

Thanks!

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions