4-9问题

4-9问题

<!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://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<script>

    $(function () {

      console.log( $('[name="username"]').val());

      console.log( $('[name="password"]').val());

      console.log( $('[name="sex"]:checked').val());

      console.log( $('[name="education"]option:selectd').val());

      console.log( $('[name="sign"]').val());

      

      

      

        // 此处写代码


    });

</script>

</body>

</html>

为啥控制台报错呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
qq_天天_66 2017-08-11 21:04:00

第一个问题是你的jq引入不正确。就是没有引入进来,你可以用这个试试<script src="https://code.jquery.com/jquery-1.12.4.js" ></script>

第二个问题是,你的selected写错了,少了个e

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师