如何從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變量？

回答

相關問題