特定值元素输入未读取

时间:2014-08-18 12:34:11

标签: javascript html

我不知道它是否是浏览器错误或其他因素,因为我已在Chrome和Firefox上测试过。我得到相同的结果。我试图只输入1,10,100的值元素。这是我的代码。

HTML

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

如果起始值输入元素不是 1,10,100 ,则不会生成。我怎样才能让它发挥作用?从 2,3,4,5,6,7,8,9 开始?

1 个答案:

答案 0 :(得分:3)

您需要将值转换为Integers

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