Ben 4 adımda bir sihirbaz var ve adımlarından biri olarak, öğeleri ekleyebilirsiniz. Varsayılan olarak, listelenen 5 boş giriş-alanlar 3 zaman vardır. Bir düğmeye tıkladığınızda, biraz daha eklenecek orada var. 3 kez 5 alan bir döngü tarafından eklenir.

How can I determine where I have to add some fields (in the first 5 field of the second or the third). I can't use another name for every button, because sometimes there can be more then 3 groups of 5 fields. In my code (PHP), I use the name of the button to know what happened in the form, so the name can't be different for the button in every group ... Further, the whole step is 1 form, so the post can't go to another script ... The value of the button has to be the same for every group.

Ben olası çözümler üzerinde düşünme oldum ve bu geldi:

• Tıklama bir javascript (gizli bir alanda?) Yazılan bir değer katıyor Ama bu form ile yayınlanmıştır?
• Bu tıklandığında düğmenin kimliğini almak mümkün olabilir mi? Bu, farklı olabilir :-)

Ben tıklandıktan sonra bir yenileme ihtiyacı, çok saf javascript ya da bir çözüm değildir ...

Bu çok özel bir soru, ama birisi bana bazı yön verebilir umuyoruz.

İşte bahsediyorum kodu:

<h3><label class="list_list:table_title">Eten</label></h3>

        <table id="eten">
            <thead>
                <tr>
                    <th>Naam item</th>
                    <th>Aantal</th>
                </tr>
            </thead>
            <tbody>

                                                                <tr>
                    <td class="item"><input type="text" name="item_1_1" value="" class="inputText"  maxlength="64" size="46" tabindex="11"/></td>
                    <td class="amount"><input type="text" name="amount_1_1" value="" class="inputText"  maxlength="64" size="10" tabindex="11"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_1_2" value="" class="inputText"  maxlength="64" size="46" tabindex="12"/></td>
                    <td class="amount"><input type="text" name="amount_1_2" value="" class="inputText"  maxlength="64" size="10" tabindex="12"/></td>
                </tr>
                                                                <tr>

                    <td class="item"><input type="text" name="item_1_3" value="" class="inputText"  maxlength="64" size="46" tabindex="13"/></td>
                    <td class="amount"><input type="text" name="amount_1_3" value="" class="inputText"  maxlength="64" size="10" tabindex="13"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_1_4" value="" class="inputText"  maxlength="64" size="46" tabindex="14"/></td>
                    <td class="amount"><input type="text" name="amount_1_4" value="" class="inputText"  maxlength="64" size="10" tabindex="14"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_1_5" value="" class="inputText"  maxlength="64" size="46" tabindex="15"/></td>

                    <td class="amount"><input type="text" name="amount_1_5" value="" class="inputText"  maxlength="64" size="10" tabindex="15"/></td>
                </tr>
                            </tbody>
        </table>
        <input id="list_list:add" type="submit" name="list_list:add" value="voeg extra items toe" class="add" />
        <div class="spacer"></div>
                        <h3><label class="list_list:table_title">Drinken</label></h3>
        <table id="drinken">

            <thead>
                <tr>
                    <th>Naam item</th>
                    <th>Aantal</th>
                </tr>
            </thead>
            <tbody>
                                                                <tr>

                    <td class="item"><input type="text" name="item_2_1" value="" class="inputText"  maxlength="64" size="46" tabindex="21"/></td>
                    <td class="amount"><input type="text" name="amount_2_1" value="" class="inputText"  maxlength="64" size="10" tabindex="21"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_2_2" value="" class="inputText"  maxlength="64" size="46" tabindex="22"/></td>
                    <td class="amount"><input type="text" name="amount_2_2" value="" class="inputText"  maxlength="64" size="10" tabindex="22"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_2_3" value="" class="inputText"  maxlength="64" size="46" tabindex="23"/></td>

                    <td class="amount"><input type="text" name="amount_2_3" value="" class="inputText"  maxlength="64" size="10" tabindex="23"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_2_4" value="" class="inputText"  maxlength="64" size="46" tabindex="24"/></td>
                    <td class="amount"><input type="text" name="amount_2_4" value="" class="inputText"  maxlength="64" size="10" tabindex="24"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_2_5" value="" class="inputText"  maxlength="64" size="46" tabindex="25"/></td>
                    <td class="amount"><input type="text" name="amount_2_5" value="" class="inputText"  maxlength="64" size="10" tabindex="25"/></td>

                </tr>
                            </tbody>
        </table>
        <input id="list_list:add" type="submit" name="list_list:add" value="voeg extra items toe" class="add" />
        <div class="spacer"></div>
                        <h3><label class="list_list:table_title">Varia</label></h3>
        <table id="varia">
            <thead>

                <tr>
                    <th>Naam item</th>
                    <th>Aantal</th>
                </tr>
            </thead>
            <tbody>
                                                                <tr>
                    <td class="item"><input type="text" name="item_3_1" value="" class="inputText"  maxlength="64" size="46" tabindex="31"/></td>

                    <td class="amount"><input type="text" name="amount_3_1" value="" class="inputText"  maxlength="64" size="10" tabindex="31"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_3_2" value="" class="inputText"  maxlength="64" size="46" tabindex="32"/></td>
                    <td class="amount"><input type="text" name="amount_3_2" value="" class="inputText"  maxlength="64" size="10" tabindex="32"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_3_3" value="" class="inputText"  maxlength="64" size="46" tabindex="33"/></td>
                    <td class="amount"><input type="text" name="amount_3_3" value="" class="inputText"  maxlength="64" size="10" tabindex="33"/></td>

                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_3_4" value="" class="inputText"  maxlength="64" size="46" tabindex="34"/></td>
                    <td class="amount"><input type="text" name="amount_3_4" value="" class="inputText"  maxlength="64" size="10" tabindex="34"/></td>
                </tr>
                                                                <tr>
                    <td class="item"><input type="text" name="item_3_5" value="" class="inputText"  maxlength="64" size="46" tabindex="35"/></td>
                    <td class="amount"><input type="text" name="amount_3_5" value="" class="inputText"  maxlength="64" size="10" tabindex="35"/></td>
                </tr>

                            </tbody>
        </table>
        <input id="list_list:add" type="submit" name="list_list:add" value="voeg extra items toe" class="add" />
        <div class="spacer"></div>
                </div>
<div id="formButtons">
    <input id="list_info:back" type="submit" name="list_info:back" value="<< Terug" tabindex="11" class="back" />
    <input id="list_info:next" type="submit" name="list_info:next" value="Volgende >>" tabindex="12" class="next" />
    <input id="list_info:options" type="submit" name="list_info:options" value="Opties" tabindex="13" class="options" />

    <input id="list_info:finish" type="submit" name="list_info:finish" value="Voltooien" tabindex="14" disabled="disabled" class="finish" />
</div>