怎么把一个对象里的值取出来?
这是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.麻烦老师给我详细说一下原因,顺便写一下代码,谢谢!
正在回答
你好,如获得相应表单元素的值并存放在对象中,代码如下:
var obj = { username: $('[name=username]').val(), password: $('[name=password]').val(), sex: $('[name=sex]:checked').val(), };
如直接想显示出来:
document.write(obj.username) 或者document.write($('[name=username]').val()) 等
希望对你有帮助,祝学习愉快,欢迎采纳。
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星