ajax code for jsp

Question

How to write Ajax code to retrieve information on to a particular part of webpage when we select option from a dropdown box?

I want information of a particular item that I had selected from a dropdown menu on particular part of my webpage.

Updated my answer with a bit more info. This is however, information that is readily available elsewhere on SO and other sites.... — Emil L, Mar 15 '13 at 16:44

score 0 · Answer 1 · edited May 23 '17 at 12:32

Let's say your markup looks something like:

<select id="dropdown">
    <option value="1">Some option</option>
    <option value="2">Other option</option>
    <option value="3">Helpfull option</option>
    <option value="4">Don't pick this option</option>
</select>
<div id="details"></div>

In order to make AJAX calls I would use some sort of library. Using for instance jQuery will be much easier than writing code that handles ajax calls across different browsers. The code could look like this:

$('#dropdown').on('change', function(e) {
    var currentValue = $('#dropdown').val();
    $.get('<someurl>', function(data) {
        $('#details').html(data);
    });
};

Replace '<someurl>' with the url to the resource you want. Doing this without using jQuery or similar library is a bit more involved. For some guidance you can look at this answer: https://stackoverflow.com/a/2557268/355499

ajax code for jsp

1 Answers1