js匹配表单name的值获取value

6 篇文章 0 订阅

html代码:

<input name="sort01" value="">
<input name="sort02" value="">
<input name="sort03" value="">

需求:
获取页面中所有的name格式都为“sort*”这种形式表单的值,并且要name和对应的value值。

方法一、

//alert($('input[name^="sort"]').map(function(){return this.value}).get());
var a=$('input[name^="sort"]').map(function(){return {value:this.value,name:this.name}}).get();
            for(var i=0;i<a.length;i++)alert(a[i].name+'='+a[i].value)

可以参考该贴:
http://bbs.csdn.net/topics/391050855?page=1#post-399317388

方法二、

                var input = document.getElementsByTagName("input");
                for(var i = 0,l = input.length;i < l;i++){
                    if(/^sort/.test(input[i].name)){
                        alert(input[i].name+':'+input[i].value);
                    }
                }

方法三、

            function getValue(){
                var value = $("input[name^='sort']");
                alert(value.length);
                for(var x=0; x<value.length;x++){
                    //alert($(value[x]).val());
                    var values = $(value[x]).val();
                    alert('values:'+values);
                } 
            }

方法二、三可以参考该帖:http://bbs.csdn.net/topics/391050847?page=1#post-399317416

利用jquery选择器来筛选:
(“input[name^=’news’]”)         选择所有的name属性以’news’开头的input元素("input[name =news])namenewsinput (“input[name*=’man’]”) 选择所有的name属性包含’news’的input元素

这个问题的过程如下:
目的:前台页面商品排序,把排序的表单提交给php后台,获取前台的排序值进行处理
思路:
一、
刚开始我是想获取前台的所有需要排序的表单的value值,以及对应的name值,之所以要获取name值是因为我把商品id放到了sort的后面,这样获取到了name和value值之后我就得到了商品的id以及对应的排序序号,只要在后台进行对应的更新数据库就ok了。

二、将name的值以sort[n]这种形式赋值,然后直接提交表单到后台php,现在可以获取sort的数组来获取数据了。该方法省去了在前台的处理,直接从后台获取到了所需的数据。

我的后台使用的是php,其他语言也是同样的道理,建议大家遇到这种情况使用第二种方法。

Author:leedaning
本文地址:http://blog.csdn.net/leedaning/article/details/46445695

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值