Such a situation: if you apply a plugin to the drop-down list - selectmenu (), then the switches begin to work incorrectly. For example, if you select "Close", the list will no longer open. There are no such problems if you disable selectmenu ().

$(document).ready(function(){ $(':radio').click(function(){ if($(this).val()=="nedzen"){ $('select').prop('disabled',true); } else $('select').prop('disabled',false); }); $('select').selectmenu(); }); 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <select name="theme" class="op1"> <option value="ox" >Выбор 1</option> <option value="light">Выбор 2</option> <option value="dark">Выбор 3</option> </select> <input name="dz" id="dzen" type="radio" value="dzen"> <label for="dzen" >Открыть</label> <input name="dz" id="nedzen" type="radio" value="nedzen"> <label for="nedzen">Закрыть</label>

    1 answer 1

    Call $('select').selectmenu(); hides the native select element and creates new elements. Use:

     $("select").selectmenu("disable"); $("select").selectmenu("enable");

    http://api.jqueryui.com/selectmenu/#method-disable

     $(document).ready(function(){ $(':radio').click(function(){ if($(this).val()=="nedzen"){ $('select').selectmenu('disable'); } else $('select').selectmenu('enable'); }); $('select').selectmenu(); }); 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <select name="theme" class="op1"> <option value="ox" >Выбор 1</option> <option value="light">Выбор 2</option> <option value="dark">Выбор 3</option> </select> <input name="dz" id="dzen" type="radio" value="dzen"> <label for="dzen" >Открыть</label> <input name="dz" id="nedzen" type="radio" value="nedzen"> <label for="nedzen">Закрыть</label>