disable a select html when no options, but not working on mobile

I want to disable a select html when no options. But today I tested on my phone and other phone. It is found not working but work on desktop chrome.

<select id="area"...>
.....
</select>

Javascript:

document.getElementById("area").disabled="disabled";

It is not working on mobile android and iphone. Isn't it?? If yes, How to make it work??