Каскадный выбор

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

Вот jquery, который у меня есть сейчас:

• Программирование многопользовательской игры с сервером PhP / MySQL и клиентами JavaScript / jQuery
• Плагин ajaxForm, представляющий форму обычно без ajax
• Можно ли включить html-файл в файл php
• Запрашиваемый JSON-анализ не удался, а post json_encode данные, как я могу revmoe "\"
• Datatables и форматирование данных ajax?

function tester() { $("select#type").attr('disabled', 'disabled'); $("select#cat").change(function(){ var vid = $("select#cat option:selected").attr('value'); var request = $.ajax({ url: "show_type.php", type: "POST", data: {id : vid} }); request.done(function(msg) { $("#result").html( msg ); }); request.fail(function(jqXHR, textStatus) { alert( "Request failed: " + textStatus ); }); }); } 

Не обращайте внимания на первую часть кода с select#type и select#cat поскольку они предназначены для того, что я пытался сначала заполнить код, но .change – это мой триггер для запроса .ajax . Остальная часть кода я просто пытаюсь сбрасывать простое сообщение возврата в пустой div#result при успешном запросе ajax.

Я проверил тест, и var vid заполняется правильно.

Вот простой PHP-файл, который я пытаюсь вызвать с помощью ajax :

• Laravel4 POST необъяснимое перенаправление на GET
• разница между меткой времени Jquery и меткой времени php?
• Не удалось загрузить ресурс: прервана загрузка кадра - Agian
• перенаправить на url, взятый из ответа json
• Добавьте «.active» класс к ссылке текущей страницы в меню с помощью jQuery или PHP

 <?php $requ; if (isset($_POST['id'])) { $requ = 'Worked'; } else { $requ = "didn't work"; } echo $requ; ?> 

Я думал, что проблема в том, что id не передавался должным образом, поэтому я изменил PHP-скрипт, чтобы дать мне какой-либо действительный результат независимо от того, был ли установлен параметр $_POST или нет.

Я не буду публиковать HTML-код, поскольку я просто пытаюсь сбрасывать все это в div пока я его тестирую. Когда я запускаю сценарий, я получаю сообщение об ошибке «Ошибка запроса» с сообщением «error».

Вот еще один jquery & PHP, который я также пробовал, используя .post вместо .ajax :

 function tester() { $("select#type").attr('disabled', 'disabled'); $("select#cat").change(function(){ $("select#type").html("<option>wait...</option>"); var vid = $("select#cat option:selected").attr('value'); $.post("show_type.php", {id:vid}, function(data){ $("#result").empty().append(data); }, "json"); }); } , function tester() { $("select#type").attr('disabled', 'disabled'); $("select#cat").change(function(){ $("select#type").html("<option>wait...</option>"); var vid = $("select#cat option:selected").attr('value'); $.post("show_type.php", {id:vid}, function(data){ $("#result").empty().append(data); }, "json"); }); } 

И PHP для сопровождения этого конкретного jquery:

 $requ = $_POST['id']; $ret = 'You selected: ' . $requ; echo json_encode($ret); 

Опять же, все это провалилось. Я также попробовал вышеуказанный код без использования json encoding / parameters. Все, что я хочу сделать, это простой (так я думаю) каскадный выбор dropboxes. Второй ящик будет зависеть от выбора первых ящиков. Я начинаю думать, что все это может не стоить того, и строго придерживаться PHP со ссылками для повторной отправки страницы с помощью GET и заполнения нового раздела или div с результатами первого щелчка. Любая помощь или предложения, которые могут вам понравиться, были бы очень благодарны, я потратил 2 дня, пытаясь понять все это. заранее спасибо

Related of "Каскадный выбор"

 function project() { $("select#model2").attr('disabled', 'disabled'); $("select#brand2").attr('disabled', 'disabled'); $("select#project").change(function(){ $("select#model2").attr('disabled', 'disabled'); // if changed after last element has been selected, will reset last boxes choice to default $("select#model2").html('<option selected="selected">Choose...</option>'); $("select#brand2").html("<option>Please wait...</option>"); var pid = $("select#project option:selected").attr('value'); $.post("handler/project.php", {id:pid}, function(data){ $("select#brand2").removeAttr("disabled"); $("select#brand2").html(data); }); }); $("select#brand2").change(function(){ $("select#model2").html("<option>Please wait...</option>"); var bid = $("select#brand2 option:selected").attr('value'); var pid = $("select#project option:selected").attr('value'); $.post("handler/projBrand.php", {proj: pid, bran: bid}, function(data){ $("select#model2").removeAttr("disabled"); $("select#model2").html(data); }); }); } 

 <?php include_once('../includes/file.inc'); $request = $opt -> getModelvBrand(); echo $request; ?> 

 <form action="" method="post"> <select id="project"> <option value="0">Choose...</option> <?php echo $opt -> getProject();?> //populates first box on page load </select> <select id="brand2"> <option value="0">Choose...</option> </select> <select id="model2"> <option value="0">Choose...</option> </select> <br /><br /> <input class="like-button" type="submit" title="Submit" value="" /> </form>