Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.09.2014, 16:36
Новичок на форуме
Отправить личное сообщение для ArmaTiK Посмотреть профиль Найти все сообщения от ArmaTiK
 
Регистрация: 08.09.2014
Сообщений: 7

Изменение значений атрибутов у тега.
Всем привет! Поздравляю всех с праздником! Как с помощью 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>
Ответить с цитированием
  #2 (permalink)  
Старый 13.09.2014, 16:50
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,492

<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>
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 13.09.2014, 18:50
Новичок на форуме
Отправить личное сообщение для ArmaTiK Посмотреть профиль Найти все сообщения от ArmaTiK
 
Регистрация: 08.09.2014
Сообщений: 7

Так не подойдет у меня значение value уже заняты.
Ответить с цитированием
  #4 (permalink)  
Старый 13.09.2014, 18:56
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,492

Ну заведи отделенный массив, или если значение можно вычислить - вычисляй исходя из selectedIndex. Какие проблемы? Как делать - я показал. Остальное на тебе.
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение тега ссылки JQUERY imediasun1 Элементы интерфейса 7 13.12.2013 15:33
Как передать в переменную массив значений из INPUT тега kapustnik Общие вопросы Javascript 3 19.04.2013 10:46
Добавление к url сайта дополнительных слов и изменение тега Title Atlantweb Общие вопросы Javascript 7 14.01.2011 22:59
изменение стиля для тега используя JS dimiork Элементы интерфейса 2 13.12.2010 10:47
Изменение параметра "ALT"("TITLE") тега IMG посредством DOM Гость Элементы интерфейса 3 21.02.2008 10:02