jQuery --- 收集表单

本文介绍了使用jQuery的两种方法来收集HTML表单中的数据。第一种方法是通过获取每个表单元素的value属性值。第二种方法是利用serializeArray()函数,它可以将表单中的所有输入字段序列化为一个数组,便于进一步处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一种:常用获取对应表单的value值进行收集;

第二种:用jQuery的 serializeArray() 方法收集:

<form id="change">
    <input type="text" name="zhiwei" value="职位">
    <input type="text" name="zhicheng" value="职称">
    <select name="selcte">
        <option value='1'>苹果</option>
        <option value='2'>橘子</option>
        <option value='3'>橙子</option>
    </select>
    <input type="button" value="提交">
</form>
<script type="text/javascript">
$("input[type='button']").click(function(){
    var inputDataOne = $('form#change').serializeArray();
    var inputDataTwo = $('form#change').serialize();
    var inputData = [];
    $.each(inputDataOne,function(index,item){
        inputData.push(item.name+':'+'\"'+item.value+'\"');
    });
    console.log(inputDataOne);
    console.log(inputDataTwo);
    console.log(inputData);
});
</script>

效果:

 

转载于:https://www.cnblogs.com/e0yu/p/8599857.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值