Form via JS absenden, Variablen nicht übertragen

[Bourbon]

Hallo Leute,

ich sitze gerade daran, durch das drücken eines Knopfes eine Form abzusenden (mit Framework7).
Aber irgendwie funktioniert es nicht und im Code fällt mir kein Fehler auf.
Vielleicht übersehe ich etwas.

Hier erst einmal der Code:

myApp.onPageInit('add_group', function(page){
    $$('.add_group_submit').on('click', function () {
    $$.post('add_group_insert.php', {
         categorie:       $$('#add_group input[name="categorie"]'),
         titel:           $$('#add_group input[name="titel"]'),
      },
      function (lastinsertedgroup) {
         alert(lastinsertedgroup);
      })
});
})

Fehler:
die Variablen werde irgendwie nicht übertragen.
Das Seltsame ist: mache ich einfach einen Submit-Button in die Form, geht es:

<form id="add_group" action="add_group_insert.php" method="POST" class="ajax-submit">

Es muss ja aber auch über die andere Variante funktionieren.

 

[scbawik]

Hallo Leute,

ich sitze gerade daran, durch das drücken eines Knopfes eine Form abzusenden (mit Framework7).
Aber irgendwie funktioniert es nicht und im Code fällt mir kein Fehler auf.
Vielleicht übersehe ich etwas.

Hier erst einmal der Code:

myApp.onPageInit('add_group', function(page){
    $$('.add_group_submit').on('click', function () {
    $$.post('add_group_insert.php', {
         categorie:       $$('#add_group input[name="categorie"]'),
         titel:           $$('#add_group input[name="titel"]'),
      },
      function (lastinsertedgroup) {
         alert(lastinsertedgroup);
      })
});
})

Fehler:
die Variablen werde irgendwie nicht übertragen.
Das Seltsame ist: mache ich einfach einen Submit-Button in die Form, geht es:

<form id="add_group" action="add_group_insert.php" method="POST" class="ajax-submit">

Es muss ja aber auch über die andere Variante funktionieren.

$$('#add_group input[name="titel"]')

Sollte vermutlich so aussehen:

$$('#add_group input[name="titel"]').val()

 

[Bourbon]

Ja, das hat geholfen, leider aber nur für ein einziges Feld.
Das Feld mit dem Titel wird übertragen, die select-Box-Werte leider nicht. :/

 

[scbawik]

Ja, das hat geholfen, leider aber nur für ein einziges Feld.
Das Feld mit dem Titel wird übertragen, die select-Box-Werte leider nicht. :/

Mit jQuery könntest du einfach:

var data = $('#add_group').serialize();
$$.post('add_group_insert.php', data, function () {});

Beim Framework7 gibt es so etwas nicht soweit ich gesehen habe.
Deshalb würde ich jQuery miteinbeziehen - gibt sicher noch mehr wobei es behilflich sein könnte.

 

[Bourbon]

So, also mit jQuery ging es gut, aber hier die Lösung des Problems.
So sah der alte Code aus, der ja die Select-Boxen nicht übernommen hat.

$$('#add_group input[name="titel"]')

So müsste das eigentlich aussehen:

$$('#add_group select[name="titel"]'),

Herr Gott, das habe ich dann ja wohl mal voll überlesen.