JQUERY选择器获取表单数据,请看下图

JQUERY选择器获取表单数据,请看下图,第1张

var A=$("th:eq(0)",$(this))html();

var B=$("th:eq(1)>input:eq(0)",$(this))html();

var C=$("th:eq(1)>input:eq(1)",$(this))html();

var D=$("th:eq(1)>input:eq(2)",$(this))html();

var E=$("th:eq(2)>input:eq(0)",$(this))html();

// html

<input id="minus1" type="text" name="condition[]" value="3">

<input id="minus2" type="text" name="condition[]" value="2">

// js

var condition = $("input[name='condition[]']")map(function () {

    return $(this)val();

})get();

// 控制台输出结果,数组

consolelog(condition)

// (2) ["3", "2"]

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="//cdnbootcsscom/jquery/311/jqueryminjs"></script>

</head>

<body>

<form id="form" action="">

    <label><input type="radio" name="radioInput" value="1">第1个radio</label>

    <label><input type="radio" name="radioInput" value="2">第2个radio</label>

    <label><input type="radio" name="radioInput" value="3">第3个radio</label>

</form>

<p>选择结果是:<span id="val"></span></p>

<script>

    $('#form')on('change','input[name="radioInput"]',function () {

        //获取值  $(this)val() == $(input[name="radioInput"]:checked)val()

        $('#val')text($(this)val());

    });

</script>

</body>

</html>

你好!

可以通过jqueryformjs来解决。<form>

    标题:<input type="text" name="title" /><br />

    内容:<textarea name="content"><textarea/><br />

    <button>提交</button>

</form>$('button')on('click', function() {

    $('form')on('submit', 

        function() {

            var title = $('inpur[name=title]')val(),

                content = $('textarea')val();

            $(this)ajaxSubmit({

                type: 'post', // 提交方式 get/post

                url: 'your url', // 需要提交的 url

                data: {

                    'title': title,

                    'content': content

                },

                success: function(data) { 

                    // data 保存提交后返回的数据,一般为 json 数据

                    // 此处可对 data 作相关处理

                    alert('提交成功!');

                }

                $(this)resetForm(); // 提交后重置表单

            });

            return false; // 阻止表单自动提交事件 

        }

    );

});希望对你有帮助!

在提交上一页表单的时候,将你提交的值记录下来,放在后台的数据库中,或者放入cookie中,不然是无法获取的。因为要获取历史数据,那么就需要考虑数据放在那里,我就去哪里找到它来。和我们整理自己的物品是一样的道理,用过的东西,用完之后,放在哪里方便我们下一次快速的找到。

以上就是关于JQUERY选择器获取表单数据,请看下图全部的内容,包括:JQUERY选择器获取表单数据,请看下图、怎么用jquery得到表单属性为数组值、如何使用Jquery获取Form表单中被选中的radio值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9318483.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存