怎么把一个对象里的值取出来?

怎么把一个对象里的值取出来?

这是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="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script>

    $(function () {


        // 此处写代码

        var value = {

            username:$('[name = "username"]').val(),

            password:$('[name = "password"]').val(),

            sex:$('[name = "sex"]:checked').val(),

            education:$('[name = "education"] option:checked').val(),

            textarea:$('[name = "sign"]').val()

        }

       console.log(value);

    });

</script>

</body>

</html>

代码里我把所有的值放在value这个对象里,但是我想把每个值取出来写在页面上,该怎么做呢?我同documen.write(value)这样写,页面上显示object  object.麻烦老师给我详细说一下原因,顺便写一下代码,谢谢!

正在回答

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

1回答

你好,如获得相应表单元素的值并存放在对象中,代码如下:

 var obj = {
            username: $('[name=username]').val(),
            password: $('[name=password]').val(),
            sex: $('[name=sex]:checked').val(),       
        };

如直接想显示出来:

document.write(obj.username) 或者document.write($('[name=username]').val()) 等

希望对你有帮助,祝学习愉快,欢迎采纳。


  • 晓白菜 提问者 #1
    我同documen.write(value)这样写,页面上显示object object。这是为什么?
    2017-06-27 17:30:50
  • 小于飞飞 回复 提问者 晓白菜 #2
    你好,value 是个对象,所以 documen.write(value),显示的是 object, 如想输出对象的内容,要使用 对象.属性,对象[属性] 的方法。
    2017-06-27 19:21:37
  • 晓白菜 提问者 #3
    非常感谢!
    2017-06-27 19:22:32
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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