如何通过JavaScript在HTML中打印结果

时间:2018-07-17 17:21:59

标签: javascript

我是JavaScript的新手。我无法用HTML打印此代码。

我希望用户在第一个输入中添加值并在第二个输入中输入值使选择框保持多年时。

var firstInput = document.getElementById("firstInput").value,
    
    secondInput = document.getElementById("secondInput").value,
    
    myDiv = '',
    
    myResult = document.getElementById("result");

function theYears() {
    
    "use strict";
    
    var years;
        
    for (years = firstInput; years <= secondInput; years += 1) {
        
        myDiv += '<select><option>' + years + '</option></select>';
        
    }
    
}

myResult.innerHTML = myDiv;
<input type="text" id="firstInput">
<input type="text" id="secondInput">
<input type="button" id="excute" value="Enter" onclick="theYears();">
<div id="result"></div>

1 个答案:

答案 0 :(得分:4)

几个问题:

  1. 您需要获取函数中输入的值。您会在用户第一次填写页面时获得这些值。
  2. 您需要调用>>> import json >>> json.loads(value) [{'Id': 2, 'Name': 'Sony', 'WarehouseName': 'Bangalore'}, {'Id': 3, 'Name': 'JBL', 'WarehouseName': 'Nanjangud'}, {'Id': 4, 'Name': 'Skull Candy 2', 'WarehouseName': 'Mysore'}, {'Id': 5, 'Name': 'Skull Candy 3', 'WarehouseName': 'Mysore'}] 将值从字符串转换为数字。否则,>>> [d['Name'] for d in json.loads(value)] ['Sony', 'JBL', 'Skull Candy 2', 'Skull Candy 3'] 将执行字符串连接,而不是加法。
  3. 您需要在函数中分配给parseInt()。您是在页面加载时执行此操作的,而不是在用户单击按钮时执行的。
  4. 您不应在循环中每次都重复years += 1。在循环之前创建一次innerHTML,然后在循环中添加<select>

<select>
<option>