как изменять информационное собщение при изменении value selecta

выберите тариф
<select name=»tarif» id=»tarifff» onChange=»tariffs()»>
<option value=»Тестовый период»>Тестовый период</option>
<option value=»Стандартный»>Стандартный</option>
<option value=»Средний»>Средний</option>
<option value=»Максимальный»>Максимальный</option>
</select><br/>

<div id=»test» style=»display: block;»>бесплатно на 5 дней</div>
<div id=»st» style=»display: none;»>вы выбрали тариф станд</div>
<div id=»mid» style=»display: none;»>вы выбрали тариф сред</div>
<div id=»max» style=»display: none;»> вы выбрали тариф макс</div>

<script type=»text/javascript»>

function tariffs(){
tarvibor = document.getElementById(‘tarifff’).value;

if (tarvibor==’Тестовый период’){
$(‘#test’).css(‘display’,’block’);
$(‘#st’).css(‘display’,’none’);
$(‘#mid’).css(‘display’,’none’);
$(‘#max’).css(‘display’,’none’);
}
if (tarvibor==’Стандартный’){
$(‘#test’).css(‘display’,’none’);
$(‘#st’).css(‘display’,’block’);
$(‘#mid’).css(‘display’,’none’);
$(‘#max’).css(‘display’,’none’);
}
if (tarvibor==’Средний’){
$(‘#test’).css(‘display’,’none’);
$(‘#st’).css(‘display’,’none’);
$(‘#mid’).css(‘display’,’block’);
$(‘#max’).css(‘display’,’none’);
}
if (tarvibor==’Максимальный’){
$(‘#test’).css(‘display’,’none’);
$(‘#st’).css(‘display’,’none’);
$(‘#mid’).css(‘display’,’none’);
$(‘#max’).css(‘display’,’block’);
}
};
</script>

как изменять информационное собщение при изменении value selecta

2 мыслей о “как изменять информационное собщение при изменении value selecta

  • 15.04.2024 в 20:13
    Permalink

    Wow, amazing weblog format! How lengthy have you ever been blogging for?
    you made blogging glance easy. The full glance of your web
    site is fantastic, let alone the content material!
    You can see similar here sklep internetowy

  • 28.06.2024 в 12:49
    Permalink

    This piece was both informative and amusing! For more, visit: LEARN MORE. Keen to hear everyone’s views!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *