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> 48
