equal
deleted
inserted
replaced
|
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
|
2 "http://www.w3.org/TR/html4/loose.dtd"> |
|
3 <html> |
|
4 <body> |
|
5 <p>Test for <a href="http://bugs.webkit.org/show_bug.cgi?id=11402">bug 11402</a> and |
|
6 <a href="http://bugs.webkit.org/show_bug.cgi?id=12701">bug 12701</a>: |
|
7 An onChange event should fire when the first item is not the default, and |
|
8 after changing the value via JavaScript.</p> |
|
9 <p>After following the steps below, both selects should display "SUCCESS".</p> |
|
10 |
|
11 <form action="" method="post" name="areaform" id="areaform"> |
|
12 <select name="selectitem" onChange="onChange1(this)"> |
|
13 <option value="1">Please change this to another value</option> |
|
14 <option value="2">(to this one)</option> |
|
15 </select> |
|
16 </form> |
|
17 <form action="" method="post" name="areaform2" id="areaform2"> |
|
18 <select name="selectitem2" onChange="onChange2(this)"> |
|
19 <option value="1">(to this one)</option> |
|
20 <option value="2" selected>Please change this to another value</option> |
|
21 </select> |
|
22 </form> |
|
23 |
|
24 <script> |
|
25 function onChange1(sel) { |
|
26 if (sel.secondTry) { |
|
27 sel.options[1].text='SUCCESS'; |
|
28 } else { |
|
29 sel.options[0].text='Please change this to another value once again'; |
|
30 sel.value = '1'; |
|
31 sel.secondTry = 1; |
|
32 } |
|
33 } |
|
34 |
|
35 function onChange2(sel) { |
|
36 if (sel.secondTry) { |
|
37 sel.options[0].text='SUCCESS'; |
|
38 } else { |
|
39 sel.options[1].text='Please change this to another value once again'; |
|
40 document.forms.areaform2.selectitem2.options[1].selected = true; |
|
41 sel.secondTry = 1; |
|
42 } |
|
43 } |
|
44 </script> |
|
45 |
|
46 </body> |
|
47 </html> |