优客文库提供全面的范文格式和文档模板,包括申请书、合同、借据、证明、求职信等,助力您快速撰写专业文档。

包含学号和姓名的提问选择器JavaScript

来自 广西壮族自治区南宁市 的网友 时间: 热度:°C 加入收藏 我要投稿 点赞()
要创建一个包含学号和姓名的提问选择器,可以使用JavaScript编写一个简单的HTML表单。以下是一个示例:

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>提问选择器</title>
</head>
<body>
<form id="questionForm">
<label for="studentId">学号:</label>
<input type="text" id="studentId" name="studentId" required><br><br>
<label for="studentName">姓名:</label>
<input type="text" id="studentName" name="studentName" required><br><br>
<label for="question">问题:</label>
<textarea id="question" name="question" rows="4" cols="50" required></textarea><br><br>
<button type="submit">提交</button>
</form>

<script>
document.getElementById("questionForm").addEventListener("submit", function(event) {
event.preventDefault();
var studentId = document.getElementById("studentId").value;
var studentName = document.getElementById("studentName").value;
var question = document.getElementById("question").value;
alert("学号:" + studentId + "
姓名:" + studentName + "
问题:" + question);
});
</script>
</body>
</html>
```

这个示例中,我们创建了一个包含学号、姓名和问题的表单。当用户点击提交按钮时,JavaScript代码会阻止表单的默认提交行为,并获取表单中的学号、姓名和问题。然后,它会弹出一个包含这些信息的警告框。
221381
领取福利

微信扫码领取福利

微信扫码分享