Изменение значений атрибутов у тега.
Всем привет! Поздравляю всех с праздником! Как с помощью jquery/javascript изменять значение атрибутов min и max у тега input в зависимости от выбранной опции?
К примеру при 1 min=30 max=70, а при 3 min=20 max=100. Спасибо.
<form>
<ul class="summa">
<li><p>Опции</p>
<select id="options">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
</select>
</li>
<li><p>Диапазон</p><input type="number" step="0.5" min="30" max="70" value="30"/></li>
</ul>
</form>
|
<form>
<ul class="summa">
<li><p>Опции</p>
<select id="options">
<option value="30,70">1</option>
<option value="25,95">2</option>
<option value="20,100">3</option>
<option value="20,100">4</option>
<option value="20,100">5</option>
<option value="20,100">6</option>
<option value="20,100">7</option>
</select>
</li>
<li><p>Диапазон</p><input id="input" type="number" step="0.5" min="30" max="70" value="30"/></li>
</ul>
</form>
<script>
document.getElementById('options').onchange = function(e){
var input = document.getElementById('input'),
att = this.options[this.selectedIndex].value.split(',');
input.setAttribute('min', att[0]);
input.setAttribute('max', att[1]);
}
</script>
|
Так не подойдет у меня значение value уже заняты.
|
Ну заведи отделенный массив, или если значение можно вычислить - вычисляй исходя из selectedIndex. Какие проблемы? Как делать - я показал. Остальное на тебе.
|
| Часовой пояс GMT +3, время: 16:51. |