向这个jquery开火

我有下面的Jquery代码，它的功能仅为40%。我有两个用php动态生成的产品模块。每个包含select组合框并选择一个选项的组合框都应该在我的jquery代码中触发，但不幸的是，它仅在第一个模块中执行

    <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();
});

韦特普罗杜克特酒店
威特尔100
威特尔150
$（文档）.ready（函数（）{
$（“#ajax_调用”）.change（函数（）{
var domain=document.domain；
var count=$（'#ajax_调用：selected'）.val（）；
var$parent=$（this）.closest（“.product_框”）；
var modul_title=$（$h4'，$parent）.text（）；
});

您是否为其他模块中的每个组合框生成了相同的ID。我认为这可能就是为什么只执行第一个组合框的原因。您可以使用类而不是ID来触发更改事件

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

$（“.ajax_call”）.change（函数（）{}）

您的选择器错误。使用ID选择将只对一个元素有效。使用类进行常规选择。您应该将select元素放在带有ajaxbar类的div中

$(document).ready(function(){
    $(".ajax_bar select").change(function(){
       var item=$(this);
       var domain = document.domain;
       var count = item.val();
       var $parent = item.closest(".product_box");
       var modul_title = $("h4", $parent).text();
       alert("count : "+count)
    });
});

这将适用于与您提供的相同数量的HTML标记（假设您为每个选定元素使用唯一的ID。如果不是，您应该。ID对于元素应该是唯一的）

---

JSFIDLE sample

如果我理解正确，那么问题是您有多个ID为“ajax\u call”的元素。如果是这种情况，请将其改为类名。ID值在文档中必须是唯一的。您的

}

和

）

不平衡。非常感谢，这是！！