ich wollte es erst nicht glauben, aber es liegt tatsächlich daran: <ul> und <li> elemente innerhalb eines forms sorgen irgendwie dafür, dass ich nicht mehr alles mit jquery rundläuft.

onchange von input-elementen soll eigenlich eine jquery-funktion abgefeuert werden. das funktioniert aber nur bei den ersten paar checkboxes. wenn ich alle <ul> und <li> innerhalb des form lösche funktionierts.

es scheint wirklich spezifisch am .change() zu liegen, weil wenn ich ein element markiere, dass dann keinen change auslöst und wieder ein funktionierendes anklicke – nimmt er den wert des nicht-funktlonierenden trotzdem mit.

ist das ein bug?

Schon mal bei Zalando, Amazon oder eBay geguckt? Vielleicht wirst du dort fündig.

wenn ich die verschachtelung reduziere geht es auch noch:

1. <ul>
2. <li>
3. <form>
4. <ul>
5. <li><input></li>
6. …
7. </ul>
8. <ul>
9. <li><input></li>
10. …
11. </ul>
12. </form>
13. </li>
14. </ul>

Quelltext in Zwischenablage kopieren

wenn da zwischen dann aber noch ein <ul> kommt ist der ofen aus… komisch

Zwar keine Hilfe zur Problematik, aber ist das semantisch sinnvoll, Form-Elemente in Listen zu packen? Halte ich jetzt mal für zweifelhaft.

semantisch sinnvoll wäre ja so ein aufbau, oder?

1. <label for="check1">checkbox #1</label><input type="checkbox" name="check1">
2. <label for="check2">checkbox #1</label><input type="checkbox" name="check2">
3. <label for="check3">checkbox #1</label><input type="checkbox" name="check3">
4. …

Quelltext in Zwischenablage kopieren

den kann ich aber leider so schlecht formatieren, wenn ich beispielsweise sowas haben möchte:


vielleicht gibts aber auch doch eine möglichkeit?

fieldset?

.change wird ausgeführt, sobald das input nicht mehr aktiv ist. Im Prinzip wie .blur
Für Textfelder empfiehlt sich .keyup für radio/checkbox .click

Und versuch mal ob es klappt wenn du nur das Form-Tag außerhalb der Listen packst.

hab alles durchprobiert und arbeite jetzt mit mehreren forms, deren daten dann kombiniert gesendet (serialize() kann mehrere forms schlucken) werden.

1. jQuery('#sort-form input, #sort-form select, #filter-form input, #sort-form select').change( function(e){
2.  
3. jQuery("#artefact-thumbs").html('Loading…');
4.  
5. // Send the data using post and put the results in a div
6. jQuery.post( jQuery(this).closest("form").attr('action'), jQuery('#filter-form, #sort-form').serialize(),
7. function( data ) {
8. var content = jQuery(data).find('#artefact-thumbs');
9. jQuery("#artefact-thumbs").html(content);
10. }
11. );
12.  
13. });

Quelltext in Zwischenablage kopieren

degrades disgracefully ...
weisst du überhaupt was du da machst?
dass man ein formular mit labels nicht richtig formatieren kann halte ich ja mal für absoluten unfug.

wie meinen?

http://accessites.org/site/2007/02/grace...hancement/

danke!

in meinem konkreten fall geht es jetzt in erster linie um einen funktionierenden prototypen. performance/sicherheit und son kram müssen erstmal hinten anstehen, um möglichst schnell ein gefühl dafür zu bekommen wie sich das tool anfühlen/aussehen könnte.
wenn das ding dann soweit ist, dass es läuft und (irgendwie) funktioniert, muss da eh jemand ran, der sich mit sowas (richtig) auskennt.

aber nochmal zum kern meiner frage: forms mit ul und li elementen zu formatieren ist nicht grundlegend verkehrt. vor allem wenn über jedem input-label-paar eine linie in voller breite laufen soll, oder?