JSFiddle - React, Tailwind, and code Playground
HTML
<select id="term" name="form_select">
<option value="0">Choose term</option>
<option value="1">Month</option>
<option value="2">Week</option>
<option value="3">Day</option>
</select>
<select id="season" name="form_select">
<option value="0">Choose season</option>
<option value="1">Low</option>
<option value="2">Hight</option>
<option value="3">Peak</option>
</select>
<div id=ad_lowmonth>В месяц низкий сезонмежду<input name='ad_lowmonth_min' id='ad_lowmonth_min' value="" maxlength='20' class='inputbox' type='text' size='0' /> и<input name='ad_lowmonth_max' id='ad_lowmonth_max' value="" maxlength='20' class='inputbox' type='text' size='0' /></div><div id=ad_lowweek>В неделю низкий сезонмежду<input name='ad_lowweek_min' id='ad_lowweek_min' value="" maxlength='20' class='inputbox' type='text' size='0' /> и<input name='ad_lowweek_max' id='ad_lowweek_max' value="" maxlength='20' class='inputbox' type='text' size='0' /></div><div id=ad_lowday>В день низкий сезонмежду<input name='ad_lowday_min' id='ad_lowday_min' value="" maxlength='20' class='inputbox' type='text' size='0' /> и<input name='ad_lowday_max' id='ad_lowday_max' value="" maxlength='20' class='inputbox' type='text' size='0' /></div><div id=ad_hightmonth>Цена высокий месяцмежду<input name='ad_hightmonth_min' id='ad_hightmonth_min' value="" maxlength='20' class='inputbox' type='text' size='0' /> и<input name='ad_hightmonth_max' id='ad_hightmonth_max' value="" maxlength='20' class='inputbox' type='text' size='0' /></div><div id=ad_hightweek>Цена высокий неделямежду<input name='ad_hightweek_min' id='ad_hightweek_min' value="" maxlength='20' class='inputbox' type='text' size='0' /> и<input name='ad_hightweek_max' id='ad_hightweek_max' value="" maxlength='20' class='inputbox' type='text' size='0' /></div><div id=ad_hightday>Цена высокий деньмежду<input name='ad_hightday_min' id='ad_hightday_min' value="" maxlength='20' class='inputbox' type='text' size='0'...
CSS
#ad_lowmonth,
#ad_lowweek,
#ad_lowday,
#ad_hightmonth,
#ad_hightweek,
#ad_hightday,
#ad_peakmonth,
#ad_peakweek,
#ad_peakday {
display:none;
}
JavaScript
$('#term, #season').on('change', function() {
$('div[id^="ad_"]:gt(3)').css("display","none");
var term = $.trim( $('#term :selected').text().toLowerCase() ),
season = $.trim( $('#season :selected').text().toLowerCase() );
if($('#term :selected').val() > 0 && $('#season :selected').val() > 0) {
var $sel = '#ad_' + season + term;
$($sel).css("display","block");
}
});