Bug Tracker

Ticket #7002: jquery_test.htm

File jquery_test.htm, 1.0 KB (added by willh, 12 years ago)

To reproduce the bug I mentioned in the bug description.

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-tw">
3<head>
4    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
5    <script type="text/javascript">
6                $(function()
7                {
8                        $('#btnClone').live('click', function()
9                        {
10                                var selElm = $('#div1 select[name=sel]')[0];
11                               
12                                $(selElm).clone().insertAfter(selElm);
13                        });
14                       
15                        $('select[name="sel"]').live('change', function()
16                        {
17                                alert(
18                                        $(this).val()
19                                );
20                        });
21                });
22    </script>
23</head>
24<body>
25
26<form>
27        <div>
28                <input type="button" id="btnClone" value="Clone SELECT" />
29        </div>
30
31        <hr />
32       
33        <div id="div1">
34                <select name="sel">
35                        <option value="">Choose One</option>
36                        <option value="1">Option 1</option>
37                        <option value="2">Option 2</option>
38                        <option value="3">Option 3</option>
39                        <option value="4">Option 4</option>
40                </select>
41        </div>
42</form>
43
44</body>
45</html>