jQuery DOM操作 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>
<select name="multiSelect" multiple style="width: 200px">
<option value="1" selected>语文</option>
<option value="2">数学</option>
<option value="3">英语</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 () {
console.log($('[name="username"]').val(),
$('[name="password"]').val(),
$('[name="sex"]:checked').val(),
$('[name="education"]').val(),
$('[name="sign"]').val(),
$('[name="multiSelect"]').val());
});
</script>
</body>
</html>31
收起
正在回答 回答被采纳积分+1
1回答
慕田峪6457654
2018-04-05 10:28:11
$(function () {
var obj={
username:$('[name="username"]').val(),
password:$('[name="password"]').val(),
sex:$('[name="sex"]').val(),
education:$('[name="education"] option:selected').val(),
sign:$('[name="sign"]').val()
};
console.log(obj);
可以这样，你试试。
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星