js点击按钮获取input输入框内的数据
时间: 2023-06-07 08:06:45 浏览: 265
可以使用JavaScript中的document.getElementById()方法获取指定id的元素,然后使用.value属性获取该元素的值。例如,如果你的输入框id为"inputBox",对应的按钮id为"submitButton",则可以这样实现:
HTML 代码:
<input type="text" id="inputBox" />
<button id="submitButton" onclick="getData()">获取输入框的值</button>
JavaScript 代码:
function getData() {
var input = document.getElementById("inputBox").value;
alert(input);
}
当用户点击按钮时,会弹出一个对话框显示输入框的值。
相关问题
js点击按钮获取input输入框内的值,并赋值到全局变量
可以使用JavaScript的DOM操作来实现。首先找到按钮和输入框的DOM元素,然后给按钮添加一个点击事件监听器,在点击事件回调函数中获取输入框的值并赋值给全局变量。示例代码如下:
HTML代码:
```
<input type="text" id="input-box">
<button id="btn">获取输入框的值</button>
```
JavaScript代码:
```
// 找到按钮和输入框的DOM元素
var inputBox = document.getElementById("input-box");
var btn = document.getElementById("btn");
// 定义一个全局变量来保存输入框的值
var inputValue;
// 给按钮添加点击事件监听器
btn.addEventListener("click", function() {
// 获取输入框的值
inputValue = inputBox.value;
});
```
这段代码会把输入框的值保存到全局变量inputValue中,你可以在代码的其他地方使用这个全局变量。注意,这段代码没有任何安全措施,如果被恶意攻击者利用,可能会导致脚本注入、跨站点脚本等问题,建议在实际开发中加入必要的防御措施。
js点击按钮获取input输入框内的值,并赋值到全局变量d
好的,你可以使用下面的代码获取输入框内的值并赋值到全局变量d:
```javascript
var input = document.getElementById('inputId'); // 获取输入框元素
var value = input.value; // 获取输入框的值
window.d = value; // 将值赋值到全局变量d
```
注意替换代码中的`inputId`为输入框的ID。
阅读全文