Applied style = "display: none" in <option> doesn't work in IE, but Mozilla works

Question

I tried applying style = "display: none" in (for example <option value="test" id="test" style="display:none;">test</option>), this works fine in Mozilla, but not in IE. Does anyone know what is going on there? Also, anyway, can I apply a style mapping not in <option>??

Answer 1

Nothing goes wrong; this is how IE behaves. There is not much style that you can do for individual parameters.

It is probably best to remove the parameter from the select element completely using JavaScript if you do not want it to appear in the list.

Answer 2

Internet Explorer (unfortunately) will not hide option elements.

() . .

Answer 3

, css. , .

Answer 4

, , , , , , , :

http://work.arounds.org/issue/96/option-elements-do-not-hide-in-IE/

Answer 5

" , IE", - IE , !

The fact that not all display styles work for all browsers, you just need to try each of them to find out which one works for your browser, or you should even enable testing that your application’s browser works in your code.

!

See below for example: javascript ".display = 'inline" only works for IE 8 and above.

<script type="text/javascript">
function f_ToggleCheck(sender, rowN, obj2) {
    if (sender.checked) {
        sender.value = "checked";
        obj2[rowN].style.display = "inline";
    } else {
        sender.value = "";
        obj2[rowN].style.display = "none";
    }
    alert(obj2[rowN].style.display);
}
</script>

<table>
    <tr>
        <td>
            <input name="R_CheckValue" type="checkbox" onclick="f_ToggleCheck(this, 2, R_DateValue)" value="checked" checked="" />
            <input name="R_DateValue" value="2015-05-30" style="display: inherit" size="7" />
        </td>
    </tr>
</table>