指定唯一的ID和名称？ [英] Assingning unique id and names?

问题描述

我有一个包含一个原型行的html表。原型行有很少的tds，每个td都有输入元素。我正在尝试克隆该行并分配唯一的ID和名称。但在火狐中，新的ID和名称已正确分配。但在IE中，唯一的ID和名称未分配。这个逻辑在FF中工作正常。但在IE7中它不起作用。

html表格：

 < table class =myTable > 
< tr class =prototype> 
< td> 
< label for =myValue1> MY Value ONE：< / label>< br> 
< input class =required emailid =myValue1type =textvalue =name =myValue1> 
< / td> 
< td> 
< label for =myValue2>我的值为TWO：< / label>< br> 
< input class =required emailid =myValue2type =textvalue =name =myValue2> 
< / td> 
< td> 
< label for =myValue3> MY价值三：< / label>< br> 
< input class =required emailid =myValue3type =textvalue =name =myValue3> 
< / td> 
< td> 
< label for =myValue4> MY值FOUR：< / label>< br> 
< input class =required emailid =myValue4type =textvalue =name =myValue4> 
< / td> 
< / tr> 
 
< / table> 
  

JQuery代码：

点击（函数（e）{
 e.preventDefault（）; 
 var d = new Date（）; 
 var counter = d.getTime（）; 
 var master = $（table.myTable）; 
 var prot = master.find（tr.prototype）。clone（）; 
 prot。 removeClass（'prototype'）; 
 prot.addClass（contact）; 
 prot.find（＃myValue1）。attr（'id'，myValue1+ counter）; $ b $ attr（'id'，myValue2+ counter）; 
 prot.find（＃myValue3）。attr（'id'，myValue3+ counter） ; 
 prot.find（＃myValue4）。attr（'id'，myValue4+ counter）; 
 
 prot.find（＃myValue1+ counter）.attr 'name'，'myValue1'+ counter）; 
 prot.find（＃myValue2+ counter）.attr（'name'，myValue2+ counter）; 
 prot.find（ myValue3+ counter）.attr（'name'，myValue3+ counter）; 
 prot.find（＃myValue4+ counter）.attr（'n ame'，myValue4+ counter）; 
 
 jQuery（'table.myTable tr：last'）。 
 
}）; 
  

但是在上面的代码中，唯一的ID和名称没有被赋值。 / p>

感谢！

解决方案

p>

 < label> MY Value ONE：< br />< input class =required emailtype =text name =myValue1 []/>< / label> 
  

现在您可以根据需要多次复制此标签，并且可以正常工作。

在服务器端，您可以访问（例如在PHP中） $ _ POST ['myValue1'] 作为数组。

I have a html table with one prototype row. Prototype row has few tds and each td has input element. I am trying to clone the row and assign unique ids and names. But in Fire fox new ids and names are assigned properly. But in IE unique ids and names are not assigned. This logic works fine in FF. But in IE7 it does not work.

html Table:

<table class="myTable">
 <tr class="prototype">
    <td>
       <label for="myValue1">MY Value ONE:</label><br>
    <input class="required email" id="myValue1" type="text" value="" name="myValue1">
    </td>
     <td>
       <label for="myValue2">MY Value TWO:</label><br>
    <input class="required email" id="myValue2" type="text" value="" name="myValue2">
    </td>
     <td>
       <label for="myValue3">MY Value THREE:</label><br>
    <input class="required email" id="myValue3" type="text" value="" name="myValue3">
    </td>
    <td>
       <label for="myValue4">MY Value FOUR:</label><br>
    <input class="required email" id="myValue4" type="text" value="" name="myValue4">
    </td> 
 </tr>

</table>

JQuery code:

$("#new").click(function(e) {
        e.preventDefault();
               var d = new Date();
        var counter = d.getTime(); 
        var master = $("table.myTable");
        var prot = master.find("tr.prototype").clone();
        prot.removeClass('prototype');
        prot.addClass("contact");
        prot.find("#myValue1").attr('id',"myValue1"+counter);
        prot.find("#myValue2").attr('id',"myValue2"+counter);
        prot.find("#myValue3").attr('id',"myValue3"+counter);
        prot.find("#myValue4").attr('id',"myValue4"+counter);

        prot.find("#myValue1"+counter).attr('name',"myValue1"+counter);
        prot.find("#myValue2"+counter).attr('name',"myValue2"+counter);
        prot.find("#myValue3"+counter).attr('name',"myValue3"+counter);
        prot.find("#myValue4"+counter).attr('name',"myValue4"+counter);

            jQuery('table.myTable tr:last').before(prot);

    });

But with the above code unique ids and names are not assigned.am i doing anything wrong here?

Thanks!

解决方案

You don't needs IDs:

<label>MY Value ONE:<br /><input class="required email" type="text" name="myValue1[]" /></label>

Now you can clone this label as many times as needed, and it'll work.

On the server side, you can then access (for example in PHP) $_POST['myValue1'] as an array.

这篇关于指定唯一的ID和名称？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！