input type hidden from javascript variable

Question

Happy New Years. I have a simple javascript math equation and I'm able to display the results fairly easy using HTML but I'd also like the results in a hidden Input field so that when the form gets submitted via email the variable is part of the email as well.

Here is my javascript code:

function updateScore(ele,val){
    var score = document.getElementById('score');
    var riskLevel = document.getElementById('risklevel');

    var curScore = parseFloat(score.innerHTML);
    curScore += (ele.checked ? val : -val);
    score.innerHTML = curScore;

    if(curScore <= 1){
        riskLevel.innerHTML = "Low";
        $("#scan_icon").html('<img src="img/RiskLow.jpg">');
    }else if(curScore <= 2){
        riskLevel.innerHTML = "Moderate";
        $("#scan_icon").html('<img src="img/RiskModerate.jpg">');
    }else if(curScore <= 4){
        riskLevel.innerHTML = "High";
        $("#scan_icon").html('<img src="img/RiskHigh.jpg">');
    }else{
        riskLevel.innerHTML = "Very High";
        $("#scan_icon").html('<img src="img/RiskVeryHigh.jpg">');
    }
}

How would I display 'score' in a hidden input? Tried several things but couldn't get it to work. This isn't working:

<input name="Risk Score: " input id="score" value="" type="hidden" />

actually u r already using score as id in somewhere so I have updated my answer u need to change id of hidden input — devpro, Dec 31 '15 at 20:36

score 2 · Answer 1 · edited Dec 31 '15 at 20:17

2

The simplest solution would be to ad something akin to

document.getElementById('score').value = curScore;

Using jQuery, you would do it this way:

$('#score').val(curScore);

edited Dec 31 '15 at 20:17

Gary

13,303
18
49
71

answered Dec 31 '15 at 20:13

ayemossum

81
5

Yes store value in simple java script like that. – devpro Dec 31 '15 at 20:15
Brother change id name he is already this id in any div. This will not work chk my answer – devpro Dec 31 '15 at 20:39

devpro · Accepted Answer · 2015-12-31T20:44:04.977

0

You can store score in hidden input using jQuery as like that:

 $("#scorehidden").val(curScore);

And one more thing your HTML for hidden input should be like this:

<input name="RiskScore"  id="scorehidden" value="" type="hidden" />

Side note: you are already using score as a id in any div etc... so I changed the id name as scorehidden.

edited Dec 31 '15 at 20:44

answered Dec 31 '15 at 20:13

devpro

16,184
3
27
38

Sorry still not working using method above by devpro. On the form the risk score is coming up empty. – Jeff S Dec 31 '15 at 20:26
@jeff-s actually u r already use score as id in somewhere so I have updated my answer u need to change id of hidden input – devpro Dec 31 '15 at 20:37
Thanks devpro, revision worked! – Jeff S Dec 31 '15 at 20:37
You are welxome @jeff-s now mark as accepted the best answer this will help for others by click on left green tick – devpro Dec 31 '15 at 20:38

input type hidden from javascript variable

2 Answers2