как скрыть и показать опции выбора для другой панели выбора

Question

как скрыть и показать опции выбора для другой панели выбора

0

я буду любить решение этой проблемы ниже. я хочу ситуацию, когда я выбираю вариант "Доктор", который скрывает список специалистов, и когда я выбираю специалиста, он отображает список специалистов. благодаря

    <tr><td colspan=2 ><strong>Doctor Locator</strong></td></tr>
         <tr><td>
             <?php
                    $doc = 'Doctors';
                    $spel = 'Specialist';
                    $medic = array($doc, $spel);
                    sort ($medic);
                    echo "<select>";
                    foreach ($medic as $m)
                    {
                    echo "<option value=\"$m\">$m</option>";
                    }
                    echo "</select> <br/> ";

            ?>

                <select name="txt_specialize" style="width: 400px; height: 25px">
            <?php
            $specialist = array('Surgeon','Neurosurgeon','','Neurologist','Occupational Medicine Physician','Ophthalmologist',
            'Oral and Maxillofacial Surgeon','Pathologist','Psychiatrist','Podiatrist','Nephrologist','Otolaryngologist',
            'Internal Medicine Physician','Gastroenterologist','Emergency Physicians','Hermatologist','Dermatologist',
            'Anesthesiologist','Immunologist','Orthopaedic Surgeon','Radiation Onconlogist','Gynaecologist','Dentist',
            'Optician','Cardiologist','Pediatrician','Urologist','Diagnostic Radiologist','Pulmonary Medicine Physician',
            'Rheumatologist','Plastic Surgeon');
                sort ($specialist);
                    foreach ($specialist as $s)
                    {
                    echo "<option value=\"$s\">$s</option>";
                    }
                    echo "</select>"

            ?>
            </td></tr>
            <tr><td>

anabisystems 20 сен. 2013, в 14:26

Источник

Теги:

php

javascript

jquery

html

3 ответа

Ещё вопросы

diffie · Answer 1 · 2013-09-20T10-02-00.000Z

Вы можете легко сделать это с помощью jQuery. Если вы дадите первый выбор идентификатора "type", вы можете добавить следующий jQuery:

        $(document).ready(function(){

            $("select[name='txt_specialize']").hide();

            $("select#type").change(function(){
                if($(this).val() == 'Doctor')
                {
                    $("select[name='txt_specialize']").hide();
                }
                else
                    $("select[name='txt_specialize']").show();
            });

        });

как вы имеете в виду, чтобы дать первый выбор идентификатора «тип». пожалуйста, дайте мне пример или пример. Спасибо
Где вы выводите первый элемент select вместо оператора echo "<select>"; (строка 8 в вашем коде), у вас будет echo "<select id = \" type \ ">";
Но вы можете использовать любой метод, который позволяет вам идентифицировать элементы выбора по отдельности, если вы можете получить к ним доступ с помощью jQuery.

Aristona · Answer 2 · 2013-09-20T10-44-00.000Z

Прикрепите событие change к вашему первому полю выбора.

http://api.jquery.com/change/

В обратном вызове обновите содержимое selectbox по своему вкусу.

Orange_shadow · Answer 3 · 2013-09-20T10-00-00.000Z

Добавьте атрибуты данных в txt_specialize $ s и выполните скрипт записи следующим образом: select doctor

$('#doctor').change(function(e){
     var doc = $('#doctor').val();
     $("#specialist option").each(
     function(){
        if ($(this).attr('data-doctor')==doc){
          $(this).show()
        }else{
           $(this).hide()  
        }
     })
})

Как добавить атрибуты данных в txt_specialize $ s. пожалуйста, дайте мне пример.
foreach ($ special as $ doc => $ s) {echo "<option data-doctor = '$ doc' value = \" $ s \ "> $ s </ option>"; }