Question

I have the following Jquery code what is just 40% functional. I have couple of product modules generated dynamically with php. Each containing the select combo box and selecting an option should fire on my jquery code, but unfortunately is it executed just in the case of the first module.

    <div class="ajax_bar">

            <select id="ajax_call" size="1" name="Weitere Produkte">
                <option value='50'>Weitere Produkte</option>
                <option value='100'>weitere 100</option>
                <option value='150'>weitere 150</option>
            </select>

        </div>    

$(document).ready(function(){

    $("#ajax_call").change(function(){
        var domain = document.domain;
        var count = $('#ajax_call :selected').val();
        var $parent = $(this).closest(".product_box");
        var modul_title = $("h4", $parent).text();
});

Answer 1

Do you have the same ID generated for each combo box in other modules. I think that is probably why only the first one is executed. You can use a class in stead of the id to trigger the change event.

   <select class="ajax_call" size="1" name="Weitere Produkte">
  $(".ajax_call").change(function(){})