qq807722947 2021-09-23 00:12 采纳率: 92.1%
浏览 24
已结题

ajax提交div内所有带NAME属性得表单

以下例子比较简单,获取的是biaodan元素下得input内得值,但是我有的时候会给input价格di外框,这样的话他就获取不到input内容了
有的input加DID 有的不加DIV
如:


<form name="biaodan">
<div class="yyui_tab_card">
    姓名:<input type="text" id="xingming" name="xingming"/><br/>
</div>
    品牌:<input type="text" name="pinpai"/><br/>
    订单:<input type="text" name="dingdan"/><br/>
    邮箱:<input type="text" name="youxiang"/><br/>
    <input type="button" value="提交表单" onClick="saveUserInfo()">
</form>

如果姓名加了DIN提交就没有这个数据,所以说有什么办法取div下所有带NAME属性得元素值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>
<form name="biaodan">
    姓名:<input type="text" id="xingming" name="xingming"/><br/>
    品牌:<input type="text" name="pinpai"/><br/>
    订单:<input type="text" name="dingdan"/><br/>
    邮箱:<input type="text" name="youxiang"/><br/>
    <input type="button" value="提交表单" onClick="saveUserInfo()">
</form>
<script>
    function saveUserInfo() {
        var data = {};
        $('[name="biaodan"]>input').not('[type="button"]').each(function (i, v) {
            data[$(v).attr('name')] = $(v).val();
        });
        var url = './ajax_so.php';
        $.ajax({
            url: url,
            type: "post",
            data: data,
            dataType: "json",
            success: function (result) {
                console.log(result);
            }
        });
    }
</script>
</body>
</html>
 
  • 写回答

1条回答 默认 最新

报告相同问题?

问题事件

  • 系统已结题 10月3日
  • 已采纳回答 9月25日
  • 创建了问题 9月23日

悬赏问题

  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效