Bug Tracker

Ticket #2551: index.html

File index.html, 2.1 KB (added by tinyfly, 12 years ago)

Test case alerting the values returned from both jQuery and DOM methods

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2   "http://www.w3.org/TR/html4/strict.dtd">
3
4<html lang="en">
5<head>
6        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7        <title>Reset form selected option test</title>
8        <!-- Date: 2009-12-08 -->
9        <!--<script src="jquery-1.4a1.js" type="text/javascript" charset="utf-8"></script>-->
10        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
11        <script type="text/javascript" charset="utf-8">
12                var select_test = {
13                        using_jq: function () {
14                                var website_id, user_type, txt;
15
16                                website_id = $('#website').val();
17                                user_type = $('#user-type').val();
18
19                                txt = '';
20                                txt = 'Using jQuery:\n';
21                                txt += 'Website = ' + website_id + '\n';
22                                txt += 'User Type = ' + user_type;
23
24                                alert(txt);
25                        },
26                        using_dom: function () {
27                                var website, website_id, user, user_type, txt;
28
29                                website = document.getElementById('website');
30                                user = document.getElementById('user-type');
31
32                                website_id = website.options[website.selectedIndex].value;
33                                user_type = user.options[user.selectedIndex].value;
34
35                                txt = '';
36                                txt = 'Using Straight DOM:\n';
37                                txt += 'Website = ' + website_id + '\n';
38                                txt += 'User Type = ' + user_type + '\n';
39                                txt += 'User selectedIndex = ' + user.selectedIndex + '\n';
40                                txt += 'User selected = ' + user.options[user.selectedIndex].selected + '\n';
41
42                                alert(txt);
43                        }
44                };
45
46                $(document).ready(function () {
47                        $('#btn_filter').click(function(event) {
48                                event.preventDefault();
49                                select_test.using_jq();
50                                select_test.using_dom();
51                        });
52                });
53        </script>
54</head>
55
56<body>
57<form action="index_submit" method="get">
58        <p>
59                <label for="website">Website</label>
60                <select id="website">
61                        <option value="3">Site.com</option>
62                </select>
63        </p>
64
65        <p>
66                <label for="user-type">User Type</label>
67                <select id="user-type" name="user-type">
68                        <option value="All">All</option>
69                        <option value="External">External</option>
70                        <option value="Internal">Internal</option>
71                </select>
72        </p>
73
74        <p>
75                <input type="reset" value="Reset Form">
76                <input type="submit" id="btn_filter" value="Refresh Results">
77        </p>
78</form>
79
80</body>
81</html>