弹窗获取到某一字段信息
时间: 2023-09-06 14:10:14 浏览: 84
获取oracle 表字段,表名,以及主键之类等等的信息
5星 · 资源好评率100%
弹窗获取某一字段信息,通常需要使用JavaScript编写代码。具体的实现方法可以参考下面的示例代码:
```javascript
// 弹出窗口显示信息
function showAlert() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
alert("姓名:" + name + "\n年龄:" + age);
}
// 获取表单中的信息并调用弹窗函数
function getInfo() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
if (name == "" || age == "") {
alert("请填写完整信息!");
} else {
showAlert();
}
}
```
在这个例子中,我们首先定义了一个名为`showAlert()`的函数,用于弹出窗口显示信息。该函数使用了`document.getElementById()`方法获取表单中的姓名和年龄字段的值,并将其拼接在一起作为弹窗的内容。
接着,我们定义了一个名为`getInfo()`的函数,用于获取表单中的信息并调用`showAlert()`函数。该函数首先使用`document.getElementById()`方法获取表单中的姓名和年龄字段的值,然后判断这些值是否为空。如果为空,则弹出提示框要求用户填写完整信息;否则,调用`showAlert()`函数弹出窗口显示信息。
在编写完成代码后,我们只需要在HTML页面中使用`onclick`事件将`getInfo()`函数与一个按钮关联起来,就可以在用户点击按钮时获取表单中的信息并弹出窗口显示。例如:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>弹窗获取字段信息</title>
</head>
<body>
<form>
<label>姓名:</label>
<input type="text" id="name"><br>
<label>年龄:</label>
<input type="text" id="age"><br>
<input type="button" value="提交" onclick="getInfo()">
</form>
<script src="script.js"></script>
</body>
</html>
```
在这个HTML页面中,我们定义了一个表单,包含姓名和年龄两个字段以及一个提交按钮。当用户点击提交按钮时,将调用`getInfo()`函数获取表单中的信息并弹出窗口显示。
阅读全文