<html> <head> </head> <body> <form> <select id="mytest" onchange="go()"> </select> </form> <script type="text/javascript"> function go() { var _omytest = document.getElementById('mytest'); var selected = _omytest.options[_omytest.selectedIndex].value; var _amytest = new Array('test2','test','sss','a;h','dsf','22','bb','sss'); _omytest.options.length = 0; for(i=0; i<_amytest.length; i+=2) { _omytest.options[i/2] = new Option(_amytest[i], _amytest[i+1]); if(_amytest[i+1] == selected) { _omytest.options[i/2].selected = 'true'; } } var _omytest = document.getElementById('mytest'); var length = _omytest.options.length; for(i=0; i<length; ++i) { if(/[;]/.test(_omytest.options[i].value)) { if(navigator.appVersion.indexOf("MSIE")) { _omytest.options[i].style.margin = '0 0 0 8px'; _omytest.options[i].style.background = '#eeeeee'; } else { _omytest.options[i].style.margin = '0 0 0 8px'; } } }} </script> </body> </html>
To nie działa pod Internet Explorer :
_omytest.options[i].style.margin = '0 0 0 8px';
Czyli jak jak zrobić wcięcie na IE? Co dziwne działa sztywne wpisanie spacji.. ale czy da się to jakoś utworzyć poprzez style?