Изменение значений атрибутов у тега.
Всем привет! Поздравляю всех с праздником! Как с помощью 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, время: 01:41. |