За последние 24 часа нас посетил 16231 программист и 1666 роботов. Сейчас ищут 935 программистов ...

Выпадающие чикбоксы

Тема в разделе "JavaScript и AJAX", создана пользователем smoln86, 25 июл 2011.

  1. smoln86

    smoln86 Активный пользователь

    С нами с:
    4 апр 2011
    Сообщения:
    17
    Симпатии:
    0
    Добрый день всем, помогите с таким вопросом, как сделать так чтоб при выборе определенного значения селект, под ним выпадал список чикбокс, т.е выбрали одно значение один список, выбрали другое, другой и тд, может пример простенький, совсем или сылочку, а то тут че то не нашел такого примера.
     
  2. smoln86

    smoln86 Активный пользователь

    С нами с:
    4 апр 2011
    Сообщения:
    17
    Симпатии:
    0
    print "<tr><td align=right width=150>Тип сигнализации:</td><td>";

    $sql = "select calc_param_id,
    calc_param_name
    from calc_param
    where calc_param_type_id = 5
    ";

    $result=mysql_query($sql,$db);

    if (($result) && (mysql_num_rows($result) > 0))
    {
    print "<select name=calc_service_id id=calc_service_id size=1>";
    while($myrow = mysql_fetch_array($result,MYSQL_BOTH)){
    print "<option value=$myrow[0]>$myrow[1]";
    }//while

    print "</select>";
    }//result

    print "</td></tr>";
    вот код,куда нужно вставлять выпадающие чикбоксы
     
  3. smoln86

    smoln86 Активный пользователь

    С нами с:
    4 апр 2011
    Сообщения:
    17
    Симпатии:
    0
    Неужели никто не знает или чего????
     
  4. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    smoln86
    способ без аякса:

    при изменении селекта нужно отображать необходимый див с чекбоксами.
    делается это с помощью javascript и атрибута onchange селектбокса, т.е. что-то типа такого

    HTML:
    1. <select name="bla-bla" onchange="show_checkboxes(this.options[selectedIndex].value);">
    2.   <option value="1">1</option>
    3.   <option value="2">2</option>
    4.   <option value="3">3</option>
    5.   <option value="4">4</option>
    для облегчения javascript-кода использую библиотеку jquery. нужно её не забыть подключить тоже

    код функции
    [js]
    function show_checkboxes(id){
    $('.checkboxes').hide(); // тут ещё было бы желательно обнулять выбранные чекбоксы на форме при сокрытии дива
    $('#checkboxes_'+id).show();
    }
    [/js]

    в данном случае необходимо чтобы было 4 дива

    HTML:
    1. <div id="checkboxes_1" class="checkboxes">чекбоксы пункта номер 1</div>
    2. <div id="checkboxes_2" class="checkboxes">чекбоксы пункта номер 2</div>
    3. <div id="checkboxes_3" class="checkboxes">чекбоксы пункта номер 3</div>
    4. <div id="checkboxes_4" class="checkboxes">чекбоксы пункта номер 4</div>
    все они должны быть скрыты по умолчанию. можно и через цсс:

    [css].checkboxes { display:none; }[/css]

    вот вроде и всё что нужно.
    генерировать дивы с чекбоксами будешь сам.
    не забудь после загрузки показать первый див.