“如何更改输入的单个部分”；名称“；使用JQuery/Javascript？_Javascript_Jquery

“如何更改输入的单个部分”；名称“；使用JQuery/Javascript？

javascript jquery

“如何更改输入的单个部分”；名称“；使用JQuery/Javascript？,javascript,jquery,Javascript,Jquery,作为后续行动，考虑到本规范： <body> <script> function addAttendee() { $('.newAttendee').first().clone().appendTo('.attendees'); } </script> <form action="test2.php" name="testform" method="post"> <span class="atten

作为后续行动，考虑到本规范：

<body>
<script>

    function addAttendee() {
        $('.newAttendee').first().clone().appendTo('.attendees');
    }

</script>

<form action="test2.php" name="testform" method="post">
    <span class="attendees">
    <input type="text" name="attendee[0][city]" value="city 1">
    <input type="text" name="attendee[0][state]" value="state 1">
    <input type="text" name="attendee[0][zip]" value="zip 1">
    </span>
<a href="#" name="addAttendee" onclick="addAttendee()">Add Attendee</a>
<br>
<input type="submit" onclick="getOutput()">
</form>

<div class="hideThis" style="display: none;">
    <span class="newAttendee">
        <br>
    <input type="text" name="attendee[1][city]" value="city 2">
    <input type="text" name="attendee[1][state]" value="state 2">
    <input type="text" name="attendee[1][zip]" value="zip 2">
    </span>
</div>

</body>

需要成为

name="attendee[2][xxxxx]

想知道有没有人有捷径

再次提前感谢。

在数组名称中不指定索引值会更简单：

例如改变：

<input type="text" name="attendee[1][city]" value="city 2">

以下是我想做的事情的解决方案：

<body>
<script>

    $(document).ready( function() {
    });

    $attendeeValue = 1;

    function addAttendee() {
        var $newAttendee = $('.newAttendee').html();
        $newAttendee = $newAttendee.replace(/xxx/g,$attendeeValue++);
        console.log($newAttendee);
        $('.attendees').append($newAttendee);
        //$('.newAttendee').first().clone().appendTo('.attendees');

    }

</script>

<form action="test2.php" name="testform" method="post">
    <span class="attendees">
    <input type="text" name="attendee[0][city]" value="city 1">
    <input type="text" name="attendee[0][state]" value="state 1">
    <input type="text" name="attendee[0][zip]" value="zip 1">
    </span>
<a href="#" name="addAttendee" onclick="addAttendee()">Add Attendee</a>
<br>
<input type="submit" onclick="getOutput()">
</form>

<div class="hideThis" style="display: none;">
    <span class="newAttendee">
        <br>
    <input type="text" name="attendee[xxx][city]">
    <input type="text" name="attendee[xxx][state]">
    <input type="text" name="attendee[xxx][zip]">
    </span>
</div>

</body>


$（文档）.ready（函数（）{
});
$value=1；
函数addAttendee（）{
var$newAttendee=$（'.newAttendee'）.html（）；
$newAttendee=$newAttendee.replace（/xxx/g，$AttendeValue++）；
console.log（$newAttendee）；
$（'.Attendes'）。追加（$newAttendee）；
//$（'.newAttendee'）.first（）.clone（）.appendTo（'.attendes'）；
}

我希望这对其他人有用

感谢所有人的支持。

添加一条评论，说明你为什么投了否决票，这会很有帮助。如果我是“愚蠢的”，我想知道这一点以及原因。是的。。这些值实际上就在那里，所以我可以在测试时看到它们是不同的。最终我不会使用它们。我想我应该这么说。很抱歉。这只是创建了一个长数组，其中包含“城市”、“州”等的重复索引。我要查找的是一个包含与会者的数组。更正。。这将创建一个新的数值数组，每个字段都是它自己的数值数组。。

<input type="text" name="attendee[][city]" value="city 2">

function addAttendee() {
    var $clone = $('.newAttendee').first().clone();
    $clone.find('input').val('');
    $('.attendees').append($clone);       
}

<body>
<script>

    $(document).ready( function() {
    });

    $attendeeValue = 1;

    function addAttendee() {
        var $newAttendee = $('.newAttendee').html();
        $newAttendee = $newAttendee.replace(/xxx/g,$attendeeValue++);
        console.log($newAttendee);
        $('.attendees').append($newAttendee);
        //$('.newAttendee').first().clone().appendTo('.attendees');

    }

</script>

<form action="test2.php" name="testform" method="post">
    <span class="attendees">
    <input type="text" name="attendee[0][city]" value="city 1">
    <input type="text" name="attendee[0][state]" value="state 1">
    <input type="text" name="attendee[0][zip]" value="zip 1">
    </span>
<a href="#" name="addAttendee" onclick="addAttendee()">Add Attendee</a>
<br>
<input type="submit" onclick="getOutput()">
</form>

<div class="hideThis" style="display: none;">
    <span class="newAttendee">
        <br>
    <input type="text" name="attendee[xxx][city]">
    <input type="text" name="attendee[xxx][state]">
    <input type="text" name="attendee[xxx][zip]">
    </span>
</div>

</body>