Question

如何在IE上的输出标记中使用自定义值？我使用了源代码中的HTML5 Forms polyfill：https://github.com/zoltan-dulac/html5Forms.js，但输出标记的值没有变化。

这是我的html代码示例：

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

提前感谢任何建议。

Answer 1

由于IE不支持output元素，因此没有要更新的value属性。

您可以尝试使用三元运算符来检查＆＃39;值＆＃39;属性存在，如果它确实更新，否则更新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/

如何在IE上的输出标记中使用自定义值？

1 个答案: