特定值元素输入未被读取

Specific value element input not read by

本文关键字:读取 输入 元素      更新时间:2023-09-26

我不知道这是浏览器错误还是别的什么,因为我在Chrome和Firefox上测试过。得到相同的结果。我试着输入的值元素只有1,10,100。这是我的代码。

<input id="items" type="text" placeholder="title" value="">
<input id="start" type="text" placeholder="start" value="">
<input id="end" type="text" placeholder="end" value="">
<input id="btn" type="submit" value="Generate"><br><br>
<div id="output" contenteditable="true"></div>
JavaScript

<script>
var btn = document.getElementById('btn')
var output = document.getElementById('output');
btn.addEventListener('click', function(){
var items = document.getElementById('items').value;
var i = document.getElementById('start').value;
var e = document.getElementById('end').value;
for(i; i<=e; i++){ 
output.innerHTML += items+'/'+i;
}
}, false);
</script>

如果start value input元素不是1,10,100,则不会生成。我怎样才能让它工作呢?从2,3,4,5,6,7,8,9开始?

您需要将您的值转换为Integers:

var i = parseInt( document.getElementById('start').value, 10 );
var e = parseInt( document.getElementById('end').value, 10 );