В HTML-коде у меня есть варианты, как это:

  Value1

В jQuery:

var cod = $(this).val(); // This is the value of another select: when the value 
$("option[class^=myclass]").hide();
$("option[class^=myclass]").each(function () {
    $("option[class^=myclass" + cod + "]").show();
});

РЕДАКТИРОВАТЬ

У меня есть два выбора. Когда я выбираю значение в первом выборе, второе должно быть заполнено соответствующим образом (я должен предотвратить вызов ajax).

Я поместил все вторые значения выбора в сеансовую переменную, но моя проблема в том, чтобы выбрать только те из них, которые связаны с первым выбором, поэтому я пробовал использовать классы css.

EDIT2

   Choose...
   Value1
   Value2
   Value3



   Choose...
   Value11
   Value12
   Value13
   Value21
   Value22
   Value23
   Value31
   Value32
   Value33

EDIT3

Для меня зеленоватыйЭто хорошее решение, но есть проблема с IE, которую я нене удалось объяснить: когда я использую кнопку «назад», выбранное пользователем значение равно «потерял"То есть, если я вхожу в консоль с выбранным пользователем значением, я вижу его "индекс" в новом клонировании выберите. В исходном HTML-коде есть весь оригинальный выбор.

EDIT4

Я решил благодаря этому посту

https://forum.jquery.com/topic/jquery-select-box-selectedindex-problems-in-internet-explorer-ie-on-refresh-and-back-buttons