Textarea value is NULL javascript

Question

I want to display the text area value. I generate it with PHP code This code is in the looping

 for($i=0;$i<$piecount;$i++)
    {
    echo "<tr><td class=\"forma\" align=\"center\">".$compc[$i]."</td>";
    if($i==0)
    {
       echo "<td align=\"center\" class=\"forma\" rowspan=".$pcg."  style=\"\"> 
      <textarea name=\"eva\" id=\"evatext\"   class=\"textEva\" >
      </textarea> 
      <input type=\"image\"src=\"image/save.jpg\"class=\"imgClass\" onclick=\"EvaCek();\" name=\"save\"></td></tr>";

} }

Also I have a html code for dummy my id for inputdate which is displayed none

<input name="evadate" id="inputdate" style="display:none">

And I pass it to javascript

function EvaCek()
{
    var dateobj = new Date();
        var month = dateobj.getUTCMonth()+1;
        var day = dateobj.getUTCDate();
        var year = dateobj.getUTCFullYear();
        var tes=document.getElementById("inputdate").innerHTML= year+"-"+month+"-"+day;
        var bla=document.getElementById("evatext").value;

    if(bla!="")
    {
     alert(tes);
     alert(bla);

    }

}

When I type something into the text area and save it, it does the alert, but only the date, the text area is NULL. What is wrong in here? Thank you

Try putting the PHP output in as HTML and see if you get the same error. — Nick Zuber
– Nick Zuber, Commented Dec 4, 2015 at 4:29
check your "name" attributes match your "id" attributes so that getElementById are aligned. Also, use your browser's console to read errors rather than using alert, it'll save you tons of time. to do so open "developer tools" in your browser to see the console, then use console.log(tes) instead of alert(tes) — bob
– bob, Commented Dec 4, 2015 at 4:34
@Nana Not yet. The first text area does the alert when given an input. The other dont — Elbert
– Elbert, Commented Dec 4, 2015 at 6:50

Community · Accepted Answer · 2017-05-23 12:30:16Z

2

It is because ID should be unique for each input.

IDs must be unique

For more info, check here Unique ID

So, access it through class name. I'm not seeing anywhere 'inputdate'. So, i didn't edited it. But, Don't access inputdate or textarea through ID. Because, forloop is creating numerous number of <textarea></textarea> and every textarea is having the same id. Avoid accessing with ID.

<?
for($i=0;$i<$piecount;$i++)
{
    echo "<tr><td class=\"forma\" align=\"center\">".$compc[$i]."</td>";
    if($i==0)
    {
        echo "<td align=\"center\" class=\"forma\" rowspan=".$pcg."  style=\"\"> 
            <textarea name=\"eva\" id=\"evatext\" class=\"textEva\" ></textarea> 
            <input type=\"image\"src=\"image/save.jpg\"class=\"imgClass\" onclick=\"EvaCek();\" name=\"save\">
        </td>
        </tr>";
    }
}
?>

<?
function EvaCek()
{
  var dateobj = new Date();
      var month = dateobj.getUTCMonth()+1;
      var day = dateobj.getUTCDate();
      var year = dateobj.getUTCFullYear();
            //change for inputdate. Access it through class name.
      var tes=document.getElementByClass("inputdate").innerHTML= year+"-"+month+"-"+day;
      var bla=document.getElementByClass("textEva").value;

  if(bla!="")
  {
   alert(tes);
   alert(bla);

  }
}
?>

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Dec 4, 2015 at 7:00

Nana Partykar

10.5k10 gold badges50 silver badges79 bronze badges

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

2 Comments

Elbert Over a year ago

It works. but after using getElementByTagName :). Thanks

Nana Partykar Over a year ago

Glad. It worked. Yeah TagName is also one option. Thanks @Elbert

Amin Kodaganur · Accepted Answer · 2015-12-04 04:45:50Z

1

use this to get value of text area ...demo

document.getElementById("evatext").innerHTML;

full code

function EvaCek()
{
    var dateobj = new Date();
    var month = dateobj.getUTCMonth()+1;
    var day = dateobj.getUTCDate();
    var year = dateobj.getUTCFullYear();
    var tes=document.getElementById("inputdate").innerHTML= year+"-"+month+"-"+day;
    var bla=document.getElementById("evatext").innerHTML;// use this

    if(bla!="")
    {
     alert(tes);
     alert(bla);

    }
}

edited Dec 4, 2015 at 4:45

answered Dec 4, 2015 at 4:40

Amin Kodaganur

6666 silver badges19 bronze badges

2 Comments

Amin Kodaganur Over a year ago

are u echoing or typing anything in between text-area or no..??

Amin Kodaganur Over a year ago

try using document.getElementById("evatext").text;

Collectives™ on Stack Overflow

Textarea value is NULL javascript

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related