Peter MacKay
09-Dec-2025 23:38:49
I don't suppose anyone has figured out a way to make a select list stop functioning (intentionally)? I want my drop to still look like a drop down, but no matter what you do it won't work, you cannot change the contents. I've managed to get the field to not be tab-able, and I can of course disable it. But if I disable it then the contents get erased on page close. I have managed to make it "hard to get to it" but with the right mouse clicks and tab keys I can manage to get to the field, then an up or down arrow will make it change. I want it dead, like that plant over there in the corner of my office, or that bicycle I ran over.
I've tried:
pointer-events : none
cursor: not allowed
user-select: none
tabindex="-1" This works, you can't tab to it, but you can still change the value with an up or down.
document.getElementById("P126_SELECTOR_LIST").readOnly = true;
And none of these work
Is the only way to do this is by creating an alternative field that is not a select list and it only appears when I want it to, (and when the actual select list field does not appear. So you get one or the other.)? Is this how other people do this sort of thing? Is there really no CSS variable or style, or whatever that will switch off a select list while not changing the appearance of it?