изменение текстового поля ввода в раскрывающийся список, когда параметр выбран из другого раскрывающегося списка

Возможный дубликат:
Первое раскрывающееся меню для автоматического изменения параметров второго раскрывающегося списка

это для моей страницы просмотра записей (поиска). на странице отображается одно поле ввода и выпадающий список, содержащий ID, категорию, заголовок. моя проблема в том, что когда я выбираю опцию категории, поле ввода должно быть изменено на раскрывающийся список, содержащий разные категории. помощь?


person jet    schedule 26.07.2012    source источник


Ответы (1)


Аякс — ваш ответ. Использование jQuery или чистого javascript Ajax — ваш выбор. Предоставить вам полный код довольно сложно. Простой поиск в Google даст вам множество руководств. Моя рекомендация - используйте jQuery + Ajax, так как это значительно снижает усилия.

ОБНОВИТЬ:

Создайте div и присвойте ему идентификатор result. Поместите в него свое текстовое поле (которое вы хотите изменить в раскрывающемся списке).

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">

$(function(){

    $('select[name="put select tag name here"]').change(function(){

        var value = $(this).val();

        if(value == 'Category')
        {
            $.ajax({
                type:'post',
                url:'getCatgories.php',
                data:'cat='+value,
                success:function(data)
                {
                    $('div#result').html(data);
                }
            });
        }

    });

});

</script>

В файле getCategories.php получите категорию с помощью $cat = $_POST['cat'];, а затем используйте $cat для получения результатов из базы данных и заполните их тегом select.

person asprin    schedule 26.07.2012
comment
единственная проблема в том, что я не знаю jq или ajax. полный нуб. - person jet; 26.07.2012