如何檢索HTML表單中的值？

-2

所以，這只是一個微弱的例子，但說我創建了一個文本字段，像這樣的HTML表單按鈕：如何檢索HTML表單中的值？

<input name="userInput" type="text"> 
<input value="submit" onclick="test(userInput)" type="submit">

，我有這樣的代碼中的javascript：

<script language="JavaScript"> 

function test(text){ 
    alert(text); 
} 
</script>

對於一些原因，這是行不通的。我的問題是如何抓取用戶放入文本字段中的文本並將其用於我的JavaScript代碼？

2016-12-16 user214936

您必須提供輸入字段ID，然後在您的處理程序中，您可以通過ID獲取它們並獲取它們的值。 –

使用這種內聯HTML事件屬性和隱式全局變量都是不鼓勵的做法。 –

現在我很好奇。爲什麼這會被嘲笑？我其實有點不這樣做，由於某種原因，我有問題得到它連接到我的js文件..和隱式全局變量？ – user214936

您需要使用輸入元素的value屬性，否則您的警報將只包含'[object HTMLInputElement]'。

function test(input) { 
 
    alert(input.value); 
 
}

<form> 
 
    <input name="userInput" type="text"> 
 
    <input value="submit" onclick="test(userInput)" type="submit"> 
 
</form>

2016-12-16 02:31:17 Punit

或者，如果表單包含在提交表單的事件多值，您可以使用方法form.serialize。

2016-12-16 05:24:30 Hanumant

回答