HI have a simple need to generate a new window with the contents of a textarea. Based on which type of formatting a user wants, they can push a button to alter some of the textarea 'text' to suit their needs. But I am having trouble with implementing the .replace command - though I've tried to follow examples on this forum.
<body>
<div id="diagoutput"> </div>
<a onclick="combine()" href="report_output.html" id="link" target="_blank"><input type="button" value="Generate a report window"><br>
<textarea rows="10" cols="40" placeholder="Diagnosis" id="outPut3">I love the sun devils</textarea><br>
</body>
And here is my js snippet that is not replacing the intended text
function combine(){
var diag=$("#outPut3").text().replace(/sun devils/g, "WILDCATS");
var textToPass=' \nNEW TEXT:\n'+diag.value;
localStorage.setItem("myText", textToPass);
};
I'm new with jQuery, so some of my attempts to copy what others have done may be a bit crude.
I appreciate any help, ck
-
can u create a fiddle.net for thisdreamweiver– dreamweiver2013年07月11日 13:40:11 +00:00Commented Jul 11, 2013 at 13:40
2 Answers 2
To get the content of the textarea, don't use text but val, and don't try to call value on the diag variable as it's a string, not a jQuery element :
var diag=$("#outPut3").val().replace(/sun devils/g, "WILDCATS");
var textToPass=' \nNEW TEXT:\n'+diag;
localStorage.setItem("myText", textToPass);
If you want to change the content to the replaced string, use val again :
$("#outPut3").val(textToPass);
2 Comments
Actually your code fine. The only mistake is diag.value, you can have
var textToPass=' \nNEW TEXT:\n'+diag;
Incase if you want to in the textarea, then change your code like below.
var diag= $("#outPut3").text().replace(/sun devils/g, "WILDCATS");
$("#outPut3").text(diag);
Check this Fiddle