-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcheckdown.html
77 lines (72 loc) · 2.28 KB
/
checkdown.html
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/checkdown.css">
<title>checkdown</title>
</head>
<body>
<form action="process.php" id="form">
<div class="selectbox" id="test1">
<input type="hidden" name="field01" />
<span>Select 01</span>
<ul>
<li data-value="option 01">option 01</li>
<li data-value="option 02">option 02</li>
<li data-value="option 03">option 03</li>
<li data-value="option 04">option 04</li>
<li data-value="option 05">option 05</li>
<li data-value="option 06">option 06</li>
<li data-value="option 07">option 07</li>
<li data-value="option 08">option 08</li>
<li data-value="option 09">option 09</li>
<li data-value="option 10">option 10</li>
<li data-value="option 11">option 11</li>
</ul>
</div>
<div class="selectbox" id="test2">
<input type="hidden" name="field02" />
<span>Select 02</span>
<ul class="multiple">
<li data-value="option 01">option 01</li>
<li data-value="option 02">option 02</li>
<li data-value="option 03">option 03</li>
<li data-value="option 04">option 04</li>
<li data-value="option 05">option 05</li>
<li data-value="option 06">option 06</li>
<li data-value="option 07">option 07</li>
<li data-value="option 08">option 08</li>
<li class="selected" data-value="option 09">option 09</li>
<li data-value="option 10">option 10</li>
<li data-value="option 11">option 11</li>
</ul>
</div>
<div class="selectbox" id="test3">
<input type="hidden" name="field03" />
<span>Select 03</span>
<ul class="multiple">
<li data-value="option 1">option 1</li>
<li data-value="option 2">option 2</li>
<li data-value="option 3">option 3</li>
<li data-value="option 4">option 4</li>
</ul>
</div>
<br>
<button>Test</button>
</form>
<div id="log"></div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="js/checkdown.js"></script>
<script type="text/javascript">
$(function(){
$("#form").submit(function(){
$.post('process.php?'+$(this).serialize(), function(data){
$("#log").html('<pre font="5">'+ data +'</pre>');
});
return false;
});
$('.selectbox').checkdown();
})
</script>
</body>
</html>