如何从HTML文本框输入内容并将其分配给JavaScript变量？

我想用两次，用户输入并通过一些JavaScript函数运行它们。时间由两个文本框输入。我一直在尝试使用document.getElementById（“ID”）方法，但它似乎没有工作，我不明白为什么。这是我的代码有问题的部分。如何从HTML文本框输入内容并将其分配给JavaScript变量？

两个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: ") 
    }

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

来源

2014-05-04 RabidGorilla

你放置的JavaScript元素后？你也忘了声明你的变量，使用'var'。 – elclanrs

这个javascript链接在页面顶部的“head”标签之间。我并不知道有必要在开始前停下来。我可以放入，但我仍然认为它不会起作用。 – RabidGorilla

@elclanrs Javascript不需要在按钮之前，当它从按钮'onclick' HTML属性中调用时。 – Paulpro

您应该从要素

document.getElementById("start").value

来源

2014-05-04 01:12:15

这纠正了这个问题...我忘了.value – RabidGorilla

确保脚本代码附带的元素之后获得的价值。

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

来源

2014-05-04 01:14:43 Syntax

修正了它。最后忘了.value – RabidGorilla

如何从HTML文本框输入内容并将其分配给JavaScript变量？

回答

相关问题