JSFiddle - React, Tailwind, and code Playground

by Руслан Абсалямов

HTML

<select name="Zakaz[status]" id="zakaz-status">
  <option value="3">Дизайнер</option>
   <option value="4">Мастер</option>
    <option value="8" selected>Аутсорс</option>
</select>
<select name="autsors" id="autsors-select">
<option>Выберите партнера</option>
<option value="1">Привет</option>
<option value="2" selected>Мир</option>
</select>

CSS

#autsors-select{
  display: none;
}

JavaScript

$(document).ready(function(){
	$('#zakaz-status').change(function(){
  	let value = $(this).val();
  	if(value == 8){
    	$('#autsors-select').css('display', 'block')
    } else {
    	$('#autsors-select').css('display', 'none')
      	.prop('selectedIndex', 0);
    }
  })
  $('#zakaz-status option:selected').each(function(){
  	let value = $(this).val();
  	if(value == 8){
    	$('#autsors-select').css('display', 'block')
    } else {
    	$('#autsors-select').css('display', 'none')
      .prop('selectedIndex', 0);
    }
  })
})