知识社区
切换
AI助手
Ai社区
文章
资讯
主页
AI助手
社区
文章
资讯
-->
常用工具
网站模板
登录
注册
全部
问答
分享
建议
讨论
公告
动态
其它
javescript实现输入学生信息之后点去添加之后将学生信息展示。当没有输入内容点击添加时提示请输入信息。
动态
未结
0
107
小小草
LV1
2023年9月23日 23:40
发表
以下是一个简单的JavaScript代码实现: HTML部分: ```
姓名:
年龄:
性别:
男
女
添加学生信息
``` JavaScript部分: ``` function addStudent() { var name = document.getElementById("name").value; var age = document.getElementById("age").value; var gender = document.getElementById("gender").value; if (name == "" || age == "" || gender == "") { alert("请输入完整的学生信息!"); return; } var studentList = document.getElementById("studentList"); var newStudent = document.createElement("p"); newStudent.innerHTML = "姓名:" + name + ",年龄:" + age + ",性别:" + gender; studentList.appendChild(newStudent); // 清空输入框 document.getElementById("name").value = ""; document.getElementById("age").value = ""; document.getElementById("gender").value = "male"; } ``` 当用户点击“添加学生信息”按钮时,会调用`addStudent()`函数。该函数首先获取输入框中的学生信息,然后判断是否有未输入的内容。如果有,则弹出提示框并返回;否则,将学生信息添加到页面上,并清空输入框。 需要注意的是,在HTML中,我们为“添加学生信息”按钮绑定了`onclick`事件,当用户点击该按钮时,会自动调用`addStudent()`函数。
收藏(
0
)
分享
相关标签:
智能问答
问题没解决?让AI助手帮你作答
AI助手
0个回复
消灭零回复
回复
所在专栏
提问
分享
建议
讨论
动态
其它
阅读权限
默认,所有用户可见
LV1及以上用户可见
LV2及以上用户可见
LV3及以上用户可见
LV4及以上用户可见
LV5及以上用户可见
LV6及以上用户可见
会员专享
管理员可见
确认修改
相关帖子
linux 重启机器
0
分析下 Error Information: A connection attempt failed because t
0
修改下 我要把流直接返回 @GetMapping("/downloadBilling") public static
0
我要转发一个文件下载请求,当请求到我这个方法后 我可以转发返回的内容,我的请求地址返回的是一个文件流 @GetMapp
0
SELECT question_id FROM obt_abc_object a WHERE ( i
0
22-May-2025 11:34:24.631 ERROR [http-nio-8080-exec-7] org.hi
0
jmeter调用报错 org.apache.http.conn.HttpHostConnectException: Co
0
分析下这个问题,我通过jmeter调用 org.apache.http.conn.HttpHostConnectExce
0
="INSERT INTO `obt_wh_option_bak`(`"&A1&"`,`"&B1&"`,`"&C1&"`
0
org.springframework.beans.factory.BeanDefinitionStoreExcepti
0