Question

我想将文本框中给出的值存储在变量中。我是javascript的初学者。请帮帮我。这是我的代码。

<!DOCTYPE html>
<html>
<body>

Days of Journey: <input type="text" id="doj" name="daysofjourney">
<input type="button" value="submit" onclick="dayscounter()">

<script language="javascript" type="text/javascript">
var travel = document.getElementById("doj").value;

function dayscounter() {
    var days;
    for(days = 1; days <= travel; days++) {
        document.write(days);
    }
}
</script>

</body>
</html>

Answer 1

你已经差不多了......

function dayscounter() {
    var travel = document.getElementById("doj").value;
    var days;
    for(days=1;days<=travel;days++)
    {
        document.write(days);
    }
}

问题是，一旦加载HTML代码，就会首次分配变量travel。用户当时还不能进行输入，因此变量保持为空。如果在函数中包含document.getElementById("doj").value，您将在启动函数的特定时间获得值。

Answer 2

只需将值解析为int

var travel = +(document.getElementById("doj").value;);

Answer 3

您可以使用文本输入的'value'属性来设置它的值，如：

<input type="text" id="textid" value="value content" />

你可以这样做：

<script language="javascript" type="text/javascript">
function dayscounter()
{   
    var travel = document.getElementById("doj").value;
    var days;
    var result = "";

    for (days = 1; days <= parseInt(travel); ++days)
    {
        document.getElementById("result").value += " " + days;
    }
}
</script>


Days of Journey:
<input type="text" id="doj" name="daysofjourney" />
<input type="button" value="submit" onclick="dayscounter()" />

<p>
    <input type="text" id="result" />
</p>

如何将文本框中的值保存到变量中

3 个答案: