все есть вот выбор
function show_country(){
var selected_country = document.getElementById("counts").value;
document.getElementById("q1").style.display = 'none';
document.getElementById("q2").style.display = 'none';
if (selected_country == '1') {
document.getElementById("q1").style.display = 'block';
}
if (selected_country == '2') {
document.getElementById("q2").style.display = 'block';
}
}
плагин jQuery.Color()
http://www.xiper.net/examples/js-plu...query.color.js
а вот jQuery цвета
<script>
// Rainbow animation
(function animate() {
var block = $('#c1');
block.animate({backgroundColor: $.Color(block.css('backgroundColor')).hue('+=179')}, 9000, animate);
})();
</script>
вот сам html чтоб было наглядней
<div class="row">
<label for="name">Описание ссылки:<span class="req">*</span></label>
<input type="text" name="text" id="text" class="txt" tabindex="1" placeholder="" required>
</div>
<div class="row">
<label for="name">Количество дней:<span class="req">*</span></label>
<input type="text" name="tarif" id="text" class="txt" onChange="tarif_oplati();" onKeyUp="tarif_oplati();" placeholder="" required>
</div>
<div class="row">
<label for="name">выделить ссылку<br>цветом?<span class="req">*</span></label>
<select class="styled-select" id="counts" onChange="show_country();">
<option value="0" selected disable>Нет</option>
<option value="1">Да</option>
</select>
</div>
<span id="q1" style="display: none">
<div id="c1">
<label for="email">выберите цвет<br>для ссылки<span class="req">*</span></label>
<select class="styled-select" name="colors" onchange="this.style.backgroundColor=this.value">
<option style="background-color:#cccccc" value="#cccccc">Серый</option>
<option style="background-color:#ffff00" value="#ffff00">Желтый</option>
<option style="background-color:#ff0000" value="#ff0000">Красный</option>
<option style="background-color:#8099E8" value="#8099E8">Голубой</option>
</select></div>
</span>
<div class="row">
<label for="name">выделить описание<br>цветом?<span class="req">*</span></label>
<select class="styled-select" id="counts" onChange="show_country();">
<option value="0" selected disable>Нет</option>
<option value="1">Да</option>
</select>
</div>
<span id="q2" style="display: none">
<div class="row">
<label for="email">выберите цвет<br>для описания<span class="req">*</span></label>
<select class="styled-select" name="colors" onchange="this.style.backgroundColor=this.value">
<option style="background-color:#cccccc" value="#cccccc">Серый</option>
<option style="background-color:#ffff00" value="#ffff00">Желтый</option>
<option style="background-color:#ff0000" value="#ff0000">Красный</option>
<option style="background-color:#8099E8" value="#8099E8">Голубой</option>
</select></div>
</span>