How to replace a javascript variable's value to a form field?

Question

I have

<script type="text/javascript">
    var battery = navigator.battery || navigator.mozBattery || navigator.webkitBattery;
</script>
<input name="battery" type="hidden" value="">

And I want to replace the battery's value to the input but how?

Tom · Accepted Answer · 2012-03-22 19:08:22Z

3

<script type="text/javascript">
    var battery = navigator.battery || navigator.mozBattery || navigator.webkitBattery;
</script>
<input name="battery" type="hidden" value="">

<script type="text/javascript">
    document.getElementsByName("battery")[0].value = battery.level;
</script>

this only works if your input is the first with the name battery. If you can give it an id (the input), you can use document.getElementById("id"), wich always exactly returns one element; multiple elements with the same id are not "allowed".

edited Mar 22, 2012 at 19:08

answered Mar 22, 2012 at 14:07

Tom

4,1702 gold badges26 silver badges40 bronze badges

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

3 Comments

ilhan Over a year ago

document.getElementsByName("battery")[0].value = battery.level;

Avinash Babu Over a year ago

why do we add .level with that ?

Tom Over a year ago

Battery.level returns the battery level

lvil · Accepted Answer · 2012-03-22 14:06:36Z

1

Use DOM functions like this :

var el = document.getElementById(yourId);  
el.value=battery;

You may use some other functions to get the element

answered Mar 22, 2012 at 14:06

lvil

4,3169 gold badges52 silver badges79 bronze badges

Comments

Matt Fellows · Accepted Answer · 2012-03-22 14:07:08Z

1

Put an id on the input and get/set it's value with document.getElementById(inputId).value

e.g.

<script type="text/javascript">
    var battery = navigator.battery || navigator.mozBattery || navigator.webkitBattery;
    document.getElementById("batt").value = battery;

    //and the other way round
    var batt = document.getElementById("batt").value;
</script>
<input id="batt" name="battery" type="hidden" value="">

answered Mar 22, 2012 at 14:07

Matt Fellows

6,5324 gold badges38 silver badges58 bronze badges

Collectives™ on Stack Overflow

How to replace a javascript variable's value to a form field?

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related