HTML onsubmit事件不返回元素
HTML onsubmit事件不返回元素
提问于 2018-08-20 06:27:27
在表单上使用onsubmit事件无法获取输入文本怎么办？请指点一下。这就是代码。在这段代码中，我添加了一个input元素和一个submit元素。我想在提交表单后获取input元素的值，但我不能。
<!DOCTYPE html>
<html lang="en">
<body>
<form onsubmit="myfunction()">
Text Input: <input type="text" id="tableInput">
<input type="submit" value="get text input">
</form>
</body>
<script>
function myfunction() {
var num = document.getElementById("tableInput").value;
alert(num);
}
</script>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2018-08-20 06:31:15
你需要修复你的选择器。input的id为"tableInput"，需要传入"tableInput"给getElementById
function myfunction() {
var num = document.getElementById("tableInput").value;
alert(num);
}
<!DOCTYPE html>
<html lang="en">
<body>
<form onsubmit="myfunction()">
Text Input: <input type="text" id="tableInput">
<input type="submit" value="get text input">
</form>
</body>
<script>
function myfunction() {
var num = document.getElementById("tableInput").value;
alert(num);
}
</script>
</html>
Stack Overflow用户
发布于 2018-08-20 06:32:07
function myfunction() {
var id = document.getElementById("idOfTheField").value;
var name = document.getElementById("cars").value;
var t = document.getElementById("cars");
var selectedText = t.options[t.selectedIndex].text;
alert('id is : ' + id + ' name is : ' + name + 'car : ' + selectedText);
} <form onsubmit='myfunction()'>
<label>id: </label><br>
<input type='text' value='' id='idOfTheField' name='idField' /><br>
<label>name: </label><br>
<input type='text' value='' id='idOfTheNameField' name='nameField'/><br>
<label>select a car : </label><br>
<select name="cars" id='cars'>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<input type='submit' value='submit' />
</form>
问题是document.getElementById javascript方法产生字段的id。所以你只需要提供id。id='thisIsID'，则id为thisIsID ..
在我的回答中也展示了如何使用jquery来实现这一点
希望这能有所帮助
function myfunction() {
let num = $('#tableInput').val();
alert(num);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<body>
<form onsubmit="myfunction()">
Text Input: <input type="text" id="tableInput">
<input type="submit" value="get text input">
</form>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51922326
复制相关文章
相似问题
腾讯云开发者
