getting values from a input element php and javascript mixture

Question

hello everyone I am trying to make a script that steps through a list and appends a score to each record returned by the query. this code below is what's happening in PHP; a input is created where I store the number that's going to be processed in a string; below that there is a span element that displays the text score and another span that contains the actual score. Finally there's an echo that showcases the values generated which look like: score_pad0, score_pad1, score_pad2

echo "<input type='hidden' id='fetch_array' value=".$score_board." />";
echo "<span>score: </span><span id='score_pad$score_board'></span><br />";
echo "score_pad$score_board";

I want to grab the value from fetch_array in javascript. I use the following code for that
var array_id = document.getElementById('fetch_array'); this however returns null when I run it. What am I doing wrong? I've tried to read it out by adding the .value extension. but it only crashed my javascript code.

the onload event is triggered by the a function

function initialize(numbers_rows)
{
for(var i=0; i < numbers_rows; i++)
{   
    var node=document.createElement("span");
    node.id="scoreLabel";
    document.getElementById("score_pad"+array_id).appendChild(node);
}
}

Are you sure you are trying to access document.getElementById('fetch_array') after DOMLoad? Can you paste the full code of yours? — Tamil
– Tamil, Commented Jun 14, 2012 at 11:30
@Tamil I did use the onload event once in the body does that matter at all? I'm not a javascript expert yet :) — Jeffrey Klinkhamer
– Jeffrey Klinkhamer, Commented Jun 14, 2012 at 11:32
Ya there is a possibility that the time your javascript code gets executed your DOM might not be ready. As a trial do <body onload='myFunction()'> and wrap your document.getElementById inside myFunction() and see what happens. — Tamil
– Tamil, Commented Jun 14, 2012 at 11:35
You cannot have the same id for all the children , may be that is the problem, node.id='scoreLabel' and array_id not defined it should be i — Naveen Kumar
– Naveen Kumar, Commented Jun 14, 2012 at 11:41
@Tamil I've been testing with your advice; and yes that does work; it even enables the use of the .value extension again. so how can I call on multiple functions in a onload event? — Jeffrey Klinkhamer
– Jeffrey Klinkhamer, Commented Jun 14, 2012 at 11:47

Community · Accepted Answer · 2017-05-23 12:21:15Z

1

There is a possibility that the time your javascript code gets executed your DOM might not be ready. As a trial do <body onload='myFunction()'> and wrap your document.getElementById inside myFunction()

If does work incase you wish to have multiple handlers for onload event you need to use addEventListener DOC for non IE browsers and attachEvent for IE.

If you could use jQuery then wrap your javascript code around

$().ready(function () {
 // Your Code Goes here &Will be executed after DOM is ready
});

Check this question on SO

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Jun 14, 2012 at 11:58

Tamil

5,3789 gold badges44 silver badges61 bronze badges

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

1 Comment

Tamil Over a year ago

@JeffreyKlinkhamer Have added a useful link on the same issue which I asked when I was a javascript beginner ;)

Naveen Kumar · Accepted Answer · 2012-06-14 11:31:32Z

0

Use

var array_id = document.getElementById('fetch_array').value;

answered Jun 14, 2012 at 11:31

Naveen Kumar

4,6011 gold badge20 silver badges39 bronze badges

3 Comments

Tamil Over a year ago

"I've tried to read it out by adding the .value extension. but it only crashed my javascript code" Clearly specified in OP

Tamil Over a year ago

You should ask the original poster only ;) I jus pointed out that your answer seems to be not helpful

Jeffrey Klinkhamer Over a year ago

@NaveenKumar thank you for contributing, in the end the .value extension made it's comeback and for filled his role ;)

Collectives™ on Stack Overflow

getting values from a input element php and javascript mixture

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related