从多个隐藏字段中拆分值 - 然后将所有第一个值,第二个,第三个等分组

时间:2012-03-16 14:12:57

标签: javascript jquery

大脑今天不起作用,找不到这样做的好方法。

所以我有多个这样的隐藏字段 -

<input type="hidden" id="hdnMews" class="split"  />
<input type="hidden" id="hdnVTE" class="split" />
<input type="hidden" id="hdnBleep" class="split" />

隐藏字段中的值将是逗号分隔列表。

“2,7,3”

“是,是,否”

“4279,4340,4146”

所以我的想法是每个方框中的第一个值是来自表单的一组答案,第二个值是另一个方法等等。

我需要删除所有第一个值并显示在div中(带有日期和时间戳)

我的想法是使用jquery并抓住我希望按类使用的每个隐藏字段

$('.split').each(function(){

   var txtSplit = $(this).val().split(",");

   for(var i=0; i<txtSplit.length;i++)
   {
      //Not sure what to do here
   }

});

这就是我被困住的地方,我知道我可能从错误的角度来看它,但似乎无法超越这个阶段。

干杯

2 个答案:

答案 0 :(得分:1)

使用您的代码:

$('.split').each(function(){
   var txtSplit = $(this).val().split(",");

   for (var i=0; i < txtSplit.length;i++) {
        if ($('#my_data' + i).length > 0) {
            // If we've already added the paragraph with data to theDiv
            // select the paragraph and append the next value
            $('#my_data' + i).append(" " + txtSplit[i]);
        } else {
            var toAppend = $('<p></p>').attr('id', 'my_data' + i);
            toAppend.text(txtSplit[i]);
            $('#theDiv').append(toAppend);
        }
   }
});

答案 1 :(得分:0)

我会这样做,而不是class ='split',name ='split'。 这样:

<input type="hidden" id="hdnMews" name="split"  />
<input type="hidden" id="hdnVTE" name="split" />
<input type="hidden" id="hdnBleep" name="split" />

和javascript:

var inps = document.getElementsByName('split');
var str = '';
for(var i=0; i<inps.length; i++){
if(i != i-1)
        str += inps[i]+',';
else
    str += inps[i];
}
alert(str);