javascript - 定义要在网页中用作输入的参数

标签 javascript html function input submit

我正在尝试提交两个要在 javascript 函数中使用的参数。代码如下:

<!DOCTYPE html>
<html>
<head>
<script src="proj4js/lib/proj4js/lib/proj4js-compressed.js"></script>

</head>
<body>


<script>
function func1 (x,y){

     var z=x+y
     alert(z)

    }                           

</script>
<form >
first input:<br>
<input type="text" y="Y" value=85>
<br>
second input:<br>
<input type="text" x="X" value=15>
<br><br>
<input type="submit" value="Submit">
</form>

<button type="button" onclick="func1(x,y)">Try it</button> 

我得到的错误是 Uncaught ReferenceError: x is not defined 我应该如何将 x 和 y 定义为要放入 js 函数的输入?

最佳答案

https://jsfiddle.net/hmfcLsf2/1/

<body>
<script>
function func1 (x,y){
   var z=parseInt(x)+parseInt(y)
   alert(z)
}
</script>
<form >
first input:<br>
<input id="y_field" type="text" y="Y" value=85>
<br>
second input:<br>
 <input id="x_field" type="text" x="X" value=15>
<br><br>
</form>

<button type="button" onclick="func1(document.getElementById('x_field').value,document.getElementBy    Id('y_field').value)">Try it</button> 

使用 getElementById。请参阅上面的 jsfiddle。

关于javascript - 定义要在网页中用作输入的参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28762562/

相关文章:

javascript - 我无法在React上正确调用其他组件中的模态组件

c++ - 只接受特定参数值的函数 (C++)

javascript - 在浏览器中支持不同的 Javascript 版本

javascript - 如何使用 Dropzone.js 上传单个图像?

javascript - 计数器停止窗口浏览器

html - 使用 VBA HTML 从网页下载文件

css - 将背景放在div之外

java - 计算字符串中辅音的数量

javascript - 通过 JQuery 指定按钮名称

javascript - 从 MVC Web 应用程序的 MVC Controller 获取用户名的代码是什么