カスタマイズされた値を作る方法はIEの出力タグで動作しますか？

Question

カスタマイズされた値を作る方法は、IEの出力タグで機能しますか？ 私はHTML5フォームのポリフィルをソースであるhttps://github.com/zoltan-dulac/html5Forms.jsから使用しましたが、値が出力タグで変更されていません。どんなアドバイスを事前に

<label for="budget" id="clientBudget"> 
 
<label id="range">Age: 
 
<output id="rangevalue" onforminput="this.value = rangeEl.value"> 18</output> 
 
<span id="priceIcon">years</span> 
 
</label> 
 
<input type="range" name="rangeEl" value="18" id="range" min="18" max="120" steps="1" onchange="rangevalue.value=value" title="Range"/> 
 
</label>

ありがとう：

これは、HTMLコードの私の例です。

Answer 1

IEは出力要素をサポートしていないので、更新する値プロパティはありません。

「値」プロパティが存在するかどうかを確認するために3進演算子を試して、それ以外の場合はinnerHTMLを更新することができます。

<input type="range" name="rangeEl" value="18" id="range" min="18" max="120" steps="1" onchange="!rangevalue.value ? rangevalue.innerHTML = this.value:rangevalue.value=this.value;" title="Range" /> 

https://jsfiddle.net/egfu4dtk/