Динамик. селекторы

Тема в разделе "JavaScript", создана пользователем Alexandr, 11 июн 2014.

  1. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    В общем, есть заготовка в виде js-кода с зависимыми селекторами.
    Нужно, чтобы после двух выбранных селекторов (все зависит от выбранного второго селектора)
    Выбрал человек 1 саб и сопротивление 1+1, появляется одна картинка или текст
    Выбрал 1 саб и сопротивление в 1 Ом, появляется другая картинка или текст.
    C меня пиво на визу/мастер-кард.

    Вот сам код: http://pastebin.com/Le7zgWKq
     
  2. OnL1ne

    OnL1ne

    Регистрация:
    26 июн 2014
    Сообщения:
    12
    Симпатии:
    5
    проверил - работает, с Вас "симпатия" :rolleyes: что показывать выбирается по id - это может быть любой объект, просто скройте его вначале.

    <script>
    var obj = 0;

    function izmen() {
    var content = '<option value="0" data-id="0">Сначала выберите количество динамиков</option>';
    if (document.getElementById('master1').value > 0) {
    content += '<option value="1">2 Ом</option>';
    content += '<option value="2">4 Ом</option>';
    content += '<option value="3">8 Ом</option>';
    // content += '<option value="4">0,7+0,7 Ом</option>';
    content += '<option value="4">1+1 Ом</option>';
    content += '<option value="5">2+2 Ом</option>';
    content += '<option value="6">4+4 Ом</option>';​
    }
    document.getElementById('master2').innerHTML = content;​
    }

    function show_obj() {
    if ((obj != 0) && (obj != null)) {
    obj.style.display = 'none';​
    }
    obj = document.getElementById('obj' + document.getElementById('master1').value + '_' + document.getElementById('master2').value);
    if ((obj != 0) && (obj != null)) {
    obj.style.display = 'block';​
    }​
    }​
    </script>
    <form name="calcForm">
    <select name="master1" id="master1" size="1" onchange="izmen()">
    <option value="0">Выберите количество динамиков</option>
    <option value="1">1 Сабвуфер</option>
    <option value="2">2 Сабвуфера</option>
    <option value="3">3 Сабвуфера</option>​
    </select>
    <br/>
    <select name="master2" size="1" id="master2" onchange="show_obj();">
    <option value="0">Сначала выберите количество динамиков</option>​
    </select>​
    </form>
    <img alt="obj1_1" id="obj1_1" style="display: none;"/>
    <img alt="obj1_2" id="obj1_2" style="display: none;"/>
    <div id="obj1_3" style="display: none;">1-3</div>
    <span id="obj2_1" style=display: none;">2_1</span>
    <img alt="obj2_2" id="obj2_2" style="display: none;"/>
    <img alt="obj2_3" id="obj2_3" style="display: none;"/>
    <img alt="obj3_1" id="obj3_1" style="display: none;"/>
    <img alt="obj3_2" id="obj3_2" style="display: none;"/>
    <img alt="obj1_5" id="obj3_5" style="display: none;"/>
     
    Последнее редактирование: 26 июн 2014
    Alexandr нравится это.
  3. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    Только вот второй селектор, после выбора первого селектора не работает :/
    http://agr-studio.ru/docs/about/js.html
     
  4. OnL1ne

    OnL1ne

    Регистрация:
    26 июн 2014
    Сообщения:
    12
    Симпатии:
    5
    Понял... Это из-за того, что при копировании из данной темы заменяются символы на коды и фигня выходит. Сейчас скопирую куда-то и дам ссылку.
    --- Добавлено, 26 июн 2014 ---
    http://vikprint.com.ua/test.html - вот рабочий пример, можете просто сохранить страницу и потом посмотреть код.
     
    Последнее редактирование: 26 июн 2014