JavaScript JQuery Mobile: Formulare über verschachtelte Listen

yoshi

Well-known member
ID: 131198
L
25 Juli 2006
561
23
Hallo,

ich habe eine verschachtelte Liste mit JQuery Mobile, die komplett im Formular drin liegt. Beim Klicken des Submit-Buttons passiert jedoch nichts. document.form1.submit() sendet das Formular ab, jedoch ist $_POST leer.

Ich habe auch schon versucht das Formular <form ...> in die <li>-Elemente zu platzieren, jedoch ist dann aufgrund der CSS-Definition die Sicht kaputt.

HTML:
<!DOCTYPE html> 
<html> 
<head> 
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 
	<title>Test</title> 
	<link rel="stylesheet" href="https://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> 
	<script src="https://code.jquery.com/jquery-1.5.2.min.js"></script> 
	<script src="https://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> 
</head> 
<body> 
<div data-role="page" data-theme="b" id="jqm-home"> 
 
<div data-role="header" data-theme="b"> 
	<h1>Test</h1> 
</div> 
 
<div data-role="content"> 
<form action="test.php" method="post" data-ajax="false" name="form1"> 
<fieldset> 
	<ul data-role="listview" data-inset="true" data-theme="c"><li data-theme="c"><h3>Testtesttest</h3><ul>
		<li> 
			<img onclick="window.open('test.jpg');" src="test.jpg" style="margin-left:40px; max-height:100%"/> 
			<!--HIER STEHT GANZ VIEL KRAM (Inputs, Selects,...)-->
			
		</li>
		<!-- hier kommen weitere <li>s-->
		<button type="submit" data-theme="a" name="submit" value="1">Speichern</button> 
		</ul></li>
		<!--hier kommen weitere <li>s mit <ul> drin.-->
</ul>
</fieldset> 
</form> 
</div> 
 
</div> 
</body> 
</html>

Danke!
 
Zuletzt bearbeitet:
Da ich beim googlen nur auf ähnliche Probleme aber keine Lösung gestoßen bin, hab ich es jetzt so gemacht, dass es keine verschachtelte Liste mehr ist, sondern eine Liste mit Links zu Unterseiten. Diese Unterseiten beinhalten dann das Formular.
Naja, so geht's dann halt. Besser als nix.