| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 | |
| 3 <body> | |
| 4 initial selected:<br> | |
| 5 <select name="component" size="4"> | |
| 6 <option>opt</option> | |
| 7 <option>opt</option> | |
| 8 <option>opt</option> | |
| 9 <option>opt</option> | |
| 10 <option>opt</option> | |
| 11 <option>opt</option> | |
| 12 <option>opt</option> | |
| 13 <option>opt</option> | |
| 14 <option>opt</option> | |
| 15 <option>opt</option> | |
| 16 <option selected=selected>this should be selected</option> | |
| 17 <option>opt</option> | |
| 18 <option>opt</option> | |
| 19 <option>opt</option> | |
| 20 </select> | |
| 21 <br> | |
| 22 dynamic selected change:<br> | |
| 23 <select size="4"> | |
| 24 <option>opt</option> | |
| 25 <option>opt</option> | |
| 26 <option>opt</option> | |
| 27 <option>opt</option> | |
| 28 <option>opt</option> | |
| 29 <option>opt</option> | |
| 30 <option>opt</option> | |
| 31 <option>opt</option> | |
| 32 <option>opt</option> | |
| 33 <option>opt</option> | |
| 34 <option id='x'>this should be selected</option> | |
| 35 <option>opt</option> | |
| 36 <option>opt</option> | |
| 37 <option>opt</option> | |
| 38 </select> | |
| 39 <script> | |
| 40 document.getElementById('x').selected = 'selected'; | |
| 41 </script> | |
| 42 <br> | |
| 43 dynamic insert of selected option:<br> | |
| 44 <script> | |
| 45 var sel = document.createElement('select'); | |
| 46 sel.setAttribute('size','4'); | |
| 47 document.body.appendChild(sel); | |
| 48 var opt = document.createElement('option') | |
| 49 opt.innerHTML = 'opt'; | |
| 50 sel.appendChild(opt); | |
| 51 opt = document.createElement('option') | |
| 52 opt.innerHTML = 'opt'; | |
| 53 sel.appendChild(opt); | |
| 54 opt = document.createElement('option') | |
| 55 opt.innerHTML = 'opt'; | |
| 56 sel.appendChild(opt); | |
| 57 opt = document.createElement('option') | |
| 58 opt.innerHTML = 'opt'; | |
| 59 sel.appendChild(opt); | |
| 60 opt = document.createElement('option') | |
| 61 opt.innerHTML = 'opt'; | |
| 62 sel.appendChild(opt); | |
| 63 opt = document.createElement('option') | |
| 64 opt.innerHTML = 'opt'; | |
| 65 sel.appendChild(opt); | |
| 66 opt = document.createElement('option') | |
| 67 opt.innerHTML = 'this should be selected'; | |
| 68 opt.selected = 'selected'; | |
| 69 sel.appendChild(opt); | |
| 70 opt = document.createElement('option') | |
| 71 opt.innerHTML = 'opt'; | |
| 72 sel.appendChild(opt); | |
| 73 </script> | |
| 74 <br> | |
| 75 initial selected:<br> | |
| 76 <select name="component" size="1"> | |
| 77 <option>opt</option> | |
| 78 <option>opt</option> | |
| 79 <option>opt</option> | |
| 80 <option>opt</option> | |
| 81 <option>opt</option> | |
| 82 <option>opt</option> | |
| 83 <option>opt</option> | |
| 84 <option>opt</option> | |
| 85 <option>opt</option> | |
| 86 <option>opt</option> | |
| 87 <option selected=selected>this should be selected</option> | |
| 88 <option>opt</option> | |
| 89 <option>opt</option> | |
| 90 <option>opt</option> | |
| 91 </select> | |
| 92 <br> | |
| 93 dynamic selected change:<br> | |
| 94 <select size="1"> | |
| 95 <option>opt</option> | |
| 96 <option>opt</option> | |
| 97 <option>opt</option> | |
| 98 <option>opt</option> | |
| 99 <option>opt</option> | |
| 100 <option>opt</option> | |
| 101 <option>opt</option> | |
| 102 <option>opt</option> | |
| 103 <option>opt</option> | |
| 104 <option>opt</option> | |
| 105 <option id='xx'>this should be selected</option> | |
| 106 <option>opt</option> | |
| 107 <option>opt</option> | |
| 108 <option>opt</option> | |
| 109 </select> | |
| 110 <script> | |
| 111 document.getElementById('xx').selected = 'selected'; | |
| 112 </script> | |
| 113 <br> | |
| 114 dynamic insert of selected option:<br> | |
| 115 <script> | |
| 116 var sel = document.createElement('select'); | |
| 117 sel.setAttribute('size','1'); | |
| 118 document.body.appendChild(sel); | |
| 119 var opt = document.createElement('option') | |
| 120 opt.innerHTML = 'opt'; | |
| 121 sel.appendChild(opt); | |
| 122 opt = document.createElement('option') | |
| 123 opt.innerHTML = 'opt'; | |
| 124 sel.appendChild(opt); | |
| 125 opt = document.createElement('option') | |
| 126 opt.innerHTML = 'opt'; | |
| 127 sel.appendChild(opt); | |
| 128 opt = document.createElement('option') | |
| 129 opt.innerHTML = 'opt'; | |
| 130 sel.appendChild(opt); | |
| 131 opt = document.createElement('option') | |
| 132 opt.innerHTML = 'opt'; | |
| 133 sel.appendChild(opt); | |
| 134 opt = document.createElement('option') | |
| 135 opt.innerHTML = 'opt'; | |
| 136 sel.appendChild(opt); | |
| 137 opt = document.createElement('option') | |
| 138 opt.innerHTML = 'this should be selected'; | |
| 139 opt.selected = 'selected'; | |
| 140 sel.appendChild(opt); | |
| 141 opt = document.createElement('option') | |
| 142 opt.innerHTML = 'opt'; | |
| 143 sel.appendChild(opt); | |
| 144 </script> | |
| 145 | |
| 146 </body> | |
| 147 | |
| 148 </html> | |
| OLD | NEW |