在同一页面上的Jquery Multiple Selects共享相同的ID，不同的属性

Question

我有一个包含表格数据的页面。每行包含一个选择下拉列表。如果在下拉列表中选择了某个选项，我现在的任务是分配一个对话框。

<select name="warrantyStatus" id="warrantyStatus" claim="33555">
    <option value="0">Not Submitted</option>
    <option value="1">Submitted, Pending Approval</option>
    <option value="2" selected="">Approved</option>
    <option value="3">Approved w/Adj</option>
    <option value="4">Denied</option>
    <option value="5" disabled="disabled">Legacy</option>
</select>

如果选择更改为值4（拒绝），那么我正尝试触发对话框。

这是我的jQuery代码：

jQuery(function($) {
    $('#warrantyStatus').change(function() {
        warSts = $("#warrantyStatus option:selected").attr("claim").val();
        $("#dialog").dialog({
            title: warSts
        });
    });
});

当我将其记录到控制台时，我只获得第一个选择元素的结果。它不适用于其他选择元素，同样页面上有多个选择元素共享相同的ID。我意识到我们不能在DOM中共享元素ID，但是因为属性（“声明”）ID是唯一的，所以这是允许的。