知识社区
切换
AI助手
Ai社区
文章
资讯
主页
AI助手
社区
文章
资讯
-->
常用工具
网站模板
登录
注册
全部
问答
分享
建议
讨论
公告
动态
其它
javescript实现输入学生信息之后点去添加之后将学生信息展示。当没有输入内容点击添加时提示请输入信息。
动态
未结
0
122
小小草
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及以上用户可见
会员专享
管理员可见
确认修改
相关帖子
我的程序有这两个版本的jar包,我如何让程序能够使用这两个版本的jar包 而不发生冲突 antlr_v3.jar,ant
0
分析下这个awr信息 分析下 Event Waits Total Wait Time (sec) Wait Avg(ms
0
linux 如何查看指定进程是什么程序,我有一个如下进程,不知道是什么东西 tcp6 0 0 :::9100 :::*
0
1 / (√18 − √8) 计算下
0
<INPUT id=verificationCode class=textfield_e_text name=verif
0
浅灰色 色值
0
weblogic控制台 如何修改jsp页面检查的参数
0
weblogic的weblogic.xml 在哪个路径下
0
分析下这个异常 192.168.100.99 - - [09/Jul/2025:15:48:28 +0800] "POS
0
如下nginx配置,为什么我访问192.161.4.103:8888,登录后,自动跳到192.161.4.103:80
0