Google Git
Sign in
chromium / chromium / src / 0699581122a6d87b25c2c702e2e642c696d1e982 / . / third_party / WebKit / LayoutTests / fast / forms / select / select-initial-position.html
blob: 7e24851b603e3841d6b4f9e0210238f362f887c5 [file] [log] [blame]
<html>
<body>
initial selected:<br>
<select name="component" size="4">
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option selected=selected>this should be selected</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
</select>
<br>
dynamic selected change:<br>
<select size="4">
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option id='x'>this should be selected</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
</select>
<script>
document.getElementById('x').selected = 'selected';
</script>
<br>
dynamic insert of selected option:<br>
<script>
var sel = document.createElement('select');
sel.setAttribute('size','4');
document.body.appendChild(sel);
var opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'this should be selected';
opt.selected = 'selected';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
</script>
<br>
initial selected:<br>
<select name="component" size="1">
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option selected=selected>this should be selected</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
</select>
<br>
dynamic selected change:<br>
<select size="1">
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
<option id='xx'>this should be selected</option>
<option>opt</option>
<option>opt</option>
<option>opt</option>
</select>
<script>
document.getElementById('xx').selected = 'selected';
</script>
<br>
dynamic insert of selected option:<br>
<script>
var sel = document.createElement('select');
sel.setAttribute('size','1');
document.body.appendChild(sel);
var opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'this should be selected';
opt.selected = 'selected';
sel.appendChild(opt);
opt = document.createElement('option')
opt.innerHTML = 'opt';
sel.appendChild(opt);
</script>
</body>
</html>