Setting The Value Of A Hidden Input

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, e

Solution 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);
     }
});

Solution 2:

FYI: We can get the hidden input value using jQuery, even we can also edit any hidden input value using jQuery.

I think your way of getting the hidden value using 'substr' method is causing some problem. You are using like substr(0, 2) so are sure that the variable $step_variable is a single digit number, otherwise your code will not return correct result.

I am giving some sample code below, check it once.

Here's the javascript:

    var input_id = $("hidden_val").attr("id").substr(1);
    $("#" + input_id + "_budget_hidden").val(budg_total);

Here's the HTML:

    input type="hidden" class="hidden_val" name="s_budget_hidden" id="s" value="0" 

I think this will help you. Let me know if you are not following this flow to solve your issue.