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

  <option value="1" class="myclass5">Value1</option>

В 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

<select name="firstselect">
   <option value="0" selected="selected">Choose...</option>
   <option value="1">Value1</option>
   <option value="2">Value2</option>
   <option value="3">Value3</option>
</select>

<select name="secondselect">
   <option value="0" selected="selected">Choose...</option>
   <option value="myclass1">Value11</option>
   <option value="myclass1">Value12</option>
   <option value="myclass1">Value13</option>
   <option value="myclass2">Value21</option>
   <option value="myclass2">Value22</option>
   <option value="myclass2">Value23</option>
   <option value="myclass3">Value31</option>
   <option value="myclass3">Value32</option>
   <option value="myclass3">Value33</option>
</select>

EDIT3

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

EDIT4

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

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