4-11问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
</head>
<body>
<h1>处理表单元素值</h1>
<form>
<p>
<label>用户名：</label>
<input type="text" name="username" value="John">
</p>
<p>
<label>密码：</label>
<input type="password" name="password" value="123456">
</p>
<p>
<label>性别：</label>
<input type="radio" name="sex" value="男">
<input type="radio" name="sex" value="女" checked>
</p>
<p>
<label>学历：</label>
<select name="education">
<option value="0">大学以上</option>
<option value="1" selected>大学</option>
<option value="2">大专</option>
<option value="3">高中</option>
<option value="4">高中以下</option>
</select>
</p>
<p>
<label>签名：</label>
<textarea name="sign">小可爱~</textarea>
</p>
</form>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function () {
// 此处写代码
var userName=$('[name="username"]').val();
console.log(userName);
var passWord=$('[name="password"]').val();
console.log(passWord);
var sex=$('[name="sex"]:checked').val();
console.log(sex);
var education=$('[name="education"]').val();
console.log(education);
var sign=$('[name="sign"]').val();
console.log(sign);
});
</script>
</body>
</html>放入一个对象，这个要求不是很懂要干什么，我目前能做到就只能是把页面上默认填写好的值获取出来了，另外还有一个问题：因为没有像之前dom那样学过类似onclick onfocus onchange等等触发事件，我目前的代码只能是获取题目默认的值，即使自己手动去修改，电脑也不理我。老师上课时的视频里到底是做了什么才能通过点击改变效果的呢？？？？
0
收起
正在回答
2回答
你好同学 , 老师在视频中的操作是自己直接手动在控制台输出内容 ,然后按回车键就能返回对应的值 ,如下:
控制台主要是帮助我们调试代码用的 , 结合自己的实际需求去使用即可 .老师也是在进行调试过程 , 不用刻意模仿 , 如果同学想要按照老师的方法去调试代码 , 就需要在浏览器的控制台自己去输入内容 (按照截图中操作) , 而不是在html代码中去写 , 也不用去刷新页面 .
希望能够帮到你 , 祝学习愉快 ,望采纳 .
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星