September 7, 2008 04:40am pdt

1. hielo 2,764,801
2. mplungjan 715,071
3. b0lsc0tt 552,891
4. Zvonko 389,947
5. wilq32 264,150
6. Kravimir 196,325
7. HonorGod 191,041
8. JohnSixkiller 182,639
9. Lolly-Ink 175,757
10. logudotcom 150,589
11. GreenGho... 145,434
12. LordOfPo... 122,502
13. third 112,491
14. scrathcyboy 109,703
15. Badotz 106,081
16. pratima_... 80,026
17. Roonaan 76,409
18. neeraj523 72,568
19. hernst42 71,352
20. zemond 70,197
21. nivlam 69,225
22. contactka... 68,735
23. TimCottee 67,130
24. MMDevelo... 62,421
25. Ray_Pas... 60,160

1. Zvonko 6,309,463
2. mplungjan 4,508,915
3. hielo 2,965,367
4. b0lsc0tt 1,332,005
5. devic 1,313,415
6. Gwynfor... 1,304,602
7. third 1,278,143
8. archrajan 1,212,417
9. pravinasar 966,461
10. Roonaan 921,444
11. Zyloch 896,841
12. Batalf 873,511
13. knightEkni... 861,184
14. amit_g 676,596
15. basicinsti... 615,955
16. dakyd 577,760
17. HonorGod 559,716
18. CJ_S 549,361
19. gops1 544,262
20. callrs 523,535
21. jaysolomon 488,264
22. stanscott2 435,346
23. dbritt 429,998
24. fritz_the... 401,297
25. TName 401,217

05.05.2008 at 11:59PM PDT, ID: 23378656

	[x] Attachment Details

How to remove select focus when size is not 1

Asked by tr5 in JavaScript

Hi

I have 2 select elements. When their sizes are 1, then clicking on one of them will remove the focus from the other. When the select's size is set to > 1, then it will not lose its focus. This is shown in the attached example - if k.size='1'; then it works, if k.size='3'; say then the 1st select 'keeps' its focus even when clicking on the 2nd select.
How do I get around this?
tr5Start Free Trial

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:

           
           
             <HTML><head>
<SCRIPT type=text/javascript>
function getOptionItem(value, text) {
var optionItem=document.createElement("option");
optionItem.value=value;
optionItem.appendChild(document.createTextNode(text));
return optionItem;
}
</script></head>
<BODY>
<DIV id=d1></DIV>
<DIV id=d2></DIV>
<SCRIPT type=text/javascript>
div1=document.getElementById('d1');
k=document.createElement("select");
k.id='fieldInput';
 
k.size='1';
 
var f = new Array();
f.push(["0", "Choose field"]);
f.push(["1", "A"]);
f.push(["2", "B"]);
for (a=0; a<f.length; a++) {
k.appendChild(getOptionItem(f[a][0], f[a][1]));
}
div1.appendChild(k);
 
div2=document.getElementById('d2');
k1=document.createElement("select");
k1.id='fieldInput';
var f = new Array();
f.push(["0", "Choose field"]);
f.push(["1", "C"]);
f.push(["2", "D"]);
for (a=0; a<f.length; a++) {
k1.appendChild(getOptionItem(f[a][0], f[a][1]));
}
div2.appendChild(k1);
 
//--></SCRIPT></BODY></HTML>

           
         

Keywords: How to remove select focus when siz…

	Title
1	how know which div has focus
2	Unsetting the focus with JavaScript
3	Forcing Focus...
4	HTML/JavaScript Scroll Focus
5	Losing focus at the scrollbar
6	Parent Focus on iFrame Resize based …

Loading Advertisement...

20080716-EE-VQP-32 / EE_QW_2_20070628

How to remove select focus when size is not 1

Asked by tr5 in JavaScript

About this solution