Disable select option in IOS Safari

Question

I\'ve implemented a form which needs to disable certain options in a select box using Javascript. It works fine in all browsers but not in Safari on IOS (Desktop Safari does

Answer 1

I have a solution that may be helpful for you too, and it doesn't requires jQuery...

My problem was that the options were dynamically enabled and disabled, so the idea of removing the options by jQuery avoided them to be reused.

So my solution was to modify the innerHTML like this:

function swapAvailOpts(A, B) {
  content = document.getElementById(B);
  switch (A) {
    case "X":
      content.innerHTML = 'X1X2';
      break;
    case "Y":
      content.innerHTML = 'Y1Y2';
      break;
    default:
      content.innerHTML = 'Z1Z2';
  }
}

  X
  Y
  Z


  
    X1
    X2