Question

我试图用两次用户输入并通过一些javascript函数运行它们。时间由两个文本框输入。我一直在尝试使用document.getElementById（“ID”）方法但它似乎没有工作，我无法弄清楚为什么。以下是我的代码中存在问题的部分。

带有输入框和两个按钮的两个html单元格：

<tr>
<td><input type="text" name="start" id="start"></td>
<td><input type="text" name="stop" id="stop"></td>
</tr>

<tr>
<td><button onclick="master_drug()">Drug</button></td>
<td><button onclick="master_hydration()">Hydration</button></td>
</tr>

分配给获取值的按钮的功能：

function master_drug(start, stop)
    {
    start = document.getElementById("start")
    stop = document.getElementById("stop")
    alert(stop)
    calculate_drug(start, stop)
    check_infusion(start, stop)
    check_injection(start, stop)
    alert(infusion.length + " infusions: " + injection.length + " injections: " + hydration.length + " hydrations: ")
    }

看起来这应该是一个简单的过程，但我显然错过了一些东西。

Answer 1

您应该从元素中获取值

document.getElementById("start").value

Answer 2

确保脚本标记位于元素之后。

JSFiddle ：http://jsfiddle.net/v63W6/

<tr>
    <td><input type="text" name="start" id="start"></td>
    <td><input type="text" name="stop" id="stop"></td>
</tr>
<tr>
    <td><button onclick="master_drug()">Drug</button></td>
</tr>

<script>
    function master_drug() {
        var start = document.getElementById("start").value;
        var stop = document.getElementById("stop").value;
        alert(stop);
    }
</script>

如何从html文本框中获取输入并将其分配给javascript变量？

2 个答案: