onchange обновить конкретный контент php

Question

На следующем изображении показана часть моей веб-страницы. Я разрабатываю свой сайт, используя php.

Если я выбираю опцию в draft listmenu опции в следующем поле, например, выбрать 1, выбрать 2 будет изменен. Я сделал это, используя onchange. Я получаю идентификатор из onchange и использую этот идентификатор в запросе select для извлечения данных из базы данных, а извлеченные данные будут заменены в нижеследующем списке.

Мне нужно, чтобы это было сделано, освежая только эту часть, а не всю страницу. Есть ли возможность сделать это? Заранее спасибо.

Answer 1

Согласно вопрос теге, вы уже используете JQuery. Замечательно.

Предполагая, что первое имя выбора является «черновиком», остальные выбираются в элементе id 'picks' и что /picks.php?id=X создаст соответствующую замену для #picks:

$('select[name=draft]').change(function() { 
    $.get('/picks.php', {'id': $(this).val()}, function(data) { 
     $('#picks').html(data); 
    }) 
}) 

Answer 2

да есть. Технология для этого называется ajax. Я рекомендую вам заглянуть в библиотеку javascript, такую ​​как jQuery. Это облегчит процесс. Конкретная ссылка jQuery api, которая вам нужна, - here.

Например, в вы могли бы использовать что-то вроде этого:

// Wait till the page has loaded 
$.ready(function() { 
    // create the on change event 
    $('#draftID').on('change', function() { 
    // get the new information from the server 
    $.ajax({ 
     url: 'document.php?id=' + $('#draftID').val(), 
     success: function(data){ 
     // this code is run when you get the reply; 
     $('#someDivID').html(data); 
     } 
    }); 
    }); 
});