jquery 中如何实现 表单的带参数提交

jquery 中如何实现 表单的带参数提交,第1张

你是想把一个下拉框的选中的值传给后台?

如果下拉框在form标签里,jquery直接提交,代码$('form0')submit();,在后台就用 requestform["标签的name属性"] 接收,就可以了拿到值了;

如果不在form标签里,就可以在form里放一个隐藏标签,通过jq赋值,只是多了一步把下拉框的值赋给隐藏标签。获得下拉框的值 代码$("#select_id")val(); 赋值给隐藏标签代码

$("#opt")val($("#select_id")val()); ,这样在后台就可以用requestform["opt"] 拿到值了

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

<!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>

放到<form></form>里,直接使用 var arr=$("form")serializeArray(); 这样就获取到了name-value的数组

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>测试</title>

<link rel="stylesheet" href=">

以上就是关于jquery 中如何实现 表单的带参数提交全部的内容,包括:jquery 中如何实现 表单的带参数提交、怎么用jquery获取上一页的表单数据、如何使用Jquery获取Form表单中被选中的radio值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存