javascript and class class=input-range doesn't work in ie

Question

I am having an issue with some simple javascript not working in ie. My code is here:

<script>
function test(){
var myDivElem = document.getElementById("mydiv");
var sizerange= document.getElementById("sizeID");
myDivElem.innerHTML = sizerange.value;
}
</script>

<div>
<p>

<form action="url-link-here" method="post">

<span id="mydiv">100</span>

<input class="input-range" id="sizeID" oninput="test()" type="range" name="size" value="100" min="5" max="250" step ="5">

It works just fine in all other browsers.

Possible Duplicate of http://stackoverflow.com/questions/8999998/javascript-innerhtml-is-not-working-for-ie Normal IE problem it would seem. — rath3r, Jan 27 '16 at 09:42
Thanks a million! Now it works as intended in IE however the value only change on mouse-release in other browsers. Hmm — Peter Wang, Jan 27 '16 at 09:46

P. Jairaj · Accepted Answer · 2016-01-27T10:00:28.147

2

Use onchange instead of oninput. Worked in IE11

function test() {
    var myDivElem = document.getElementById("mydiv");
    var sizerange = document.getElementById("sizeID");
    myDivElem.innerHTML = sizerange.value;
  }

<form action="url-link-here" method="post">

  <span id="mydiv">100</span>

  <input class="input-range" id="sizeID" oninput="test()" onchange="test()" type="range" name="size" value="100" min="5" max="250" step="5">
</form>

edited Jan 27 '16 at 10:00

answered Jan 27 '16 at 09:47

P. Jairaj

1,033
1
6
8

Now it works as intended in IE however the value only change on mouse-release in other browsers. – Peter Wang Jan 27 '16 at 09:52
Ok, the solution is of cause to just call both onchange and oninput. Thanks! – Peter Wang Jan 27 '16 at 09:56
– Peter Wang Jan 27 '16 at 09:56
@PeterWang Oh I did not check for other browsers. Anyways I have edited the answer. Can you please mark it as correct. Thanks – P. Jairaj Jan 27 '16 at 10:02

javascript and class class=input-range doesn't work in ie

1 Answers1

Linked