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-Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
| | <!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="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://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!
14.06.2011, 17:13:12
JQuery Mobile: Formulare über verschachtelte Listen
Linear-Darstellung
Ähnliche Themen
