Question

The idea: I’m setting the value of an input with type=”hidden” via regular Javascript or jQuery.

The issue: neither jQuery nor document.getElementById will find the hidden input, even though I’m absolutely sure the selector is correct and there are no conflicting elements.

The code:
I can’t really post much of it, because it’s full of rather complicated PHP that confuses me when I just look at it.

Here’s the javascript:

$("#" + input.id.substr(0,2) + "_budget_hidden").val(budg_total);

Note: there’s nothing wrong with the selector, and the “input” is a different element that I’m using to reference the hidden.

Here’s the HTML:

<input type="hidden" name="s<?=$step_counter?>_budget_hidden" 
       id="s<?=$step_counter?>_budget_hidden" value="0" />

The code is kind of out of context, but it’s more of a general problem with Javascript than a syntactical error. Thoughts?

Answer 1

In $("#" + input.id.substr(0,2) + "_budget_hidden").val(budg_total); you take two chars before the first underscore in your hidden id. However your hidden id have only one char ‘s’

EDIT

Ok the <?= ?> was hidden before the question edit.

Do you call your script after the body onload event?
EX:

$(document).ready(function(){
    $("#" + input.id.substr(0,2) + "_budget_hidden").bind("keyPressed",function(){
        $("#" + input.id.substr(0,2) + "_budget_hidden").val(budg_total);
     }
});