JS 获取Form表单信息序列化

最新推荐文章于 2022-11-20 18:17:29 发布

猫被老鼠追着跑

最新推荐文章于 2022-11-20 18:17:29 发布

阅读量1.2k

点赞数

分类专栏： javascript 文章标签：表单 javascript form

本文链接：https://blog.csdn.net/SunmmerSoftware/article/details/51854946

版权

这篇博客介绍了如何使用JavaScript获取HTML Form表单中的信息，并将其序列化为JSON对象。通过示例展示了如何利用jQuery的serializeArray方法和自定义函数getFormJson来实现这一过程。示例中包含多个带选项的select元素和一个输入字段，点击按钮后会弹出序列化后的表单数据。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="../select2/css/select2.min.css" rel="stylesheet">



    <script src="../js/jquery-1.11.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="../select2/js/select2.min.js"></script>

</head>
<body>
<form id="f1">
<div class="row">
    <div class="col-lg-3">
        <select class="form-control" name="d1" data-tags="true" data-placeholder="Select an option" data-allow-clear="true" id="d1"></select>