要创建一个包含学号和姓名的提问选择器,可以使用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代码会阻止表单的默认提交行为,并获取表单中的学号、姓名和问题。然后,它会弹出一个包含这些信息的警告框。
```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代码会阻止表单的默认提交行为,并获取表单中的学号、姓名和问题。然后,它会弹出一个包含这些信息的警告框。