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等等触发事件，我目前的代码只能是获取题目默认的值，即使自己手动去修改，电脑也不理我。老师上课时的视频里到底是做了什么才能通过点击改变效果的呢？？？？

慕丝6937110 2018-12-13

源自：jQuery DOM操作 4-11 编程练习

收起

2回答

好帮手慕夭夭回答被采纳获得+3积分 2018-12-14 10:04:22

你好同学 , 老师在视频中的操作是自己直接手动在控制台输出内容 ,然后按回车键就能返回对应的值 ,如下:

控制台主要是帮助我们调试代码用的 , 结合自己的实际需求去使用即可 .老师也是在进行调试过程 , 不用刻意模仿 , 如果同学想要按照老师的方法去调试代码 , 就需要在浏览器的控制台自己去输入内容 (按照截图中操作) , 而不是在html代码中去写 , 也不用去刷新页面 .

希望能够帮到你 , 祝学习愉快 ,望采纳 .

收起回答

好帮手慕夭夭 2018-12-13 13:47:11

你好同学 , 根据要求 ,可以按照如下方式定义一个对象 ,把获取的值放在对象中 :

可以在控制台查看这个对象:

另外 ,同学的第二个问题 , 再详细描述一下 , 告诉老师具体想实现什么要的需求 .便于老师准确的问你解答.

祝学习愉快 !

收起回答

提问者慕丝6937110 #1

老师上课的视频里，老师写了一段代码例如获取一个单选按键的值，然后老师切回了网页页面，通过鼠标点击不同的单选按钮，控制台就能打印出不同的值，为什么我这个代码做不到这样呢，我获取了一个单选按钮，刷新页面后，控制台永远都是打印出被checked的那个，就是我去掉了checked选项，也是打印出undefined，而不是能通过我通过点击按钮，而打印出相对应的值

2018-12-13 23:40:16