Forum PHP.pl > [inne][JavaScript]Przekazywanie wielu zmiennych w jQuery.format($("#cos").val()

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [inne][JavaScript]Przekazywanie wielu zmiennych w jQuery.format($("#cos").val()

wspak

2.05.2011, 14:20:03

Tworzę taki oto skrypt do generowania formularzy. Schody zaczęły się przy dodawaniu checkboxów (to samo będzie się tyczyć radio i select'ów), gdy chcę dodać opcje gdyż do każdej z opcji powinienem dodać zarówno id checkboxa do którego ma być przypisany jak i id konkretnej opcji (jest to niezbędne, abym mógł je niezależnie od siebie usuwać). Działanie skryptu można zobaczyc pod adresem: http://wspak.pl/form_generator/zapytanie.html

będę wdzięczny za pomoc bo się już zamotałem

oto źródło:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Dynamiczne formularze</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
    </head>
    <body>
        <script type="text/javascript">
            $(document).ready(function(){
                // tworzymy zmienną i, wykorzystamy ją do identyfikowania wierszy
                // ustawiamy jej wartość 2, ponieważ jeden wiersz jest już w tabeli
                var i = 1;
                var opcjaChbx = 1;
                // tworzymy zmienną szablonWiersza i wczytujemy do niej szablon z textarea #szablon
                var szablonChbxa = jQuery.format($("#szablon_checkbox").val());
                var szablonOpcjiCheckbox = jQuery.format($("#szablon_opcji_checkbox").val());
                // tworzymy funkcję, która dodaje szablon do właściwej tabeli
 
                function dodajCheckboxy() {                    
                    var ii = i++;
                    $(szablonChbxa(ii)).appendTo("#listaPol tbody");
                    $("#usunChbxa_" + ii).click(function(){
                        $("#wiersz_" + ii).remove();
                    });
                    $("#DodajOpcjeCheckbox_" + ii).click(function(){
                        var opcjaChbxB = opcjaChbx++;
                        $(szablonOpcjiCheckbox(opcjaChbxB)).appendTo("#listaOpcji_" + ii);
                        $("#usunOpcjeCheckbox_" + opcjaChbxB).click(function()
                        {
                        $("#opcja_" + opcjaChbxB).remove();
                        });
                    });
                }
 
                $("#dodajChbx").click(dodajCheckboxy);
 
            });
        </script>
 
 
 
        <!-- Szablon checkboxa w tabeli -->
 
        <textarea id="szablon_checkbox" style="display:none;" cols="1" rows="1">
            <tr valign="top" id="wiersz_{0}">
                <td>
                <img src="images/minus.png" id="usunChbxa_{0}" alt="usun">
                </td><td>
                <input type="checkbox" name="" value="" checked disabled>
                <br>Nazwa:<br>
                <input type="text" name="nazwa[]">                
                </td>
                <td>
                </td>
                <td>  Czy wymagane  <br>
                <input type="radio" name="req[]" value="tak"> Tak&nbsp;&nbsp;
                <input type="radio" name="req[]" value="nie" checked> Nie<br> <br>
                Tip:<br>
                &lt;textarea cols="40" rows="5" name="tip[]"&gt;&lt;/textarea&gt;  <br><br>
 
                Opcje:
 
                <img src="images/plus.png" id="DodajOpcjeCheckbox_{0}" alt="usun">
                <div id="listaOpcji_{0}">
 
                </div>
                </td>
 
                <input type="hidden" value="{0}" name="lp[]">
                <input type="hidden" value="checkbox" name="typ[]">
                <input type="hidden" name="wartosc[]" value="">            
 
            </tr>
        </textarea>
 
        <!-- Szablon opcji checkboxa w tabeli -->
 
        <textarea id="szablon_opcji_checkbox" style="display:none;" cols="1" rows="1">
            <tr valign="top" id="opcja_{0}">
                <td>
                <img src="images/minus.png" id="usunOpcjeCheckbox_{0}" alt="usun"> &nbsp;&nbsp;{0}
                </td>
 
 
            </tr>
        </textarea>
 
 
        <!-- Właściwa tabela -->
 
        <form action="parser.php" method="post">
        <table>
         <tr><td>
        <input type="checkbox" name="" value=""> Checkbox</td><td><img src="images/plus.png" id="dodajChbx" alt="dodaj"  > 
        </td></tr>
 
        </table>
            <table id="listaPol">
 
                <tfoot>
                    <tr>
                        <th colspan="4">
                            <input type="submit" name="wyslij" value="Wyślij">
                        </th>
                    </tr>
 
                </tfoot>
                <tbody>
 
                </tbody>
            </table>
        </form>
    </body>
</html>
 
[HTML] pobierz, plaintext

Destinate

2.05.2011, 14:26:28

Rób pętle, która do określonego ciągu tekstowego dodaje numer i takie też ID ustala, dla każdego elementu.

P.S. -> Semantyka leży... opisy formularzy za pomocą <label>, i wyrzuć te tabelki, rób to na divach

wspak

2.05.2011, 14:35:12

mam!
19: var szablonOpcjiCheckbox = jQuery.format($("#szablon_opcji_checkbox").val() || []);
30: $(szablonOpcjiCheckbox(opcjaChbxB, ii)).appendTo("#listaOpcji_" + ii);

i dla sprawdzenia wyniku:

84: <img src="images/minus.png" id="usunOpcjeCheckbox_{0}" alt="usun">   {0}, {1}

śmiga

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.