javascript - Ajax .change() 不适用于多重选择

Question

我正在尝试做一个订单系统。我想在我的系统中使用 jQuery 代码。

这是我的 orders.php 页面，该页面显示所有新订单。

While loop starts,

Order id - order Date - price - options

   1     - 29.03.13   - $120  - [Problem Start Here in Options ]

While Loop Ends

我的选项代码在这里:

    <select id="ManageOrders">
        <option>ManageOrders</option>
        <option value="orders.php?AcceptOrder=<?=$id;?>">Accept This Order</option>
        <option value="orders.php?RejectOrder=<?=$id;?>">Reject This Order</option>
        <option value="orders.php?EditOrder=<?=$id;?>">Edit This Order</option>
        <option value="orders.php?MarkAsDelivered=<?=$id;?>">Mark As Delivered</option>             
    </select>

还有我的 jquery 代码:

$("#ManageOrders").change(function()
{
document.location.href = $(this).val();
});

我的问题是什么？ = 问题是此选择适用于第一个订单，但对于多个订单只有第一行有效，其他行无效...

试试这个:http://jsfiddle.net/TrzU7/2/

第一个有效，但第二个或第三个无效

请帮帮我..

Answer 1

首先:Id 必须是唯一的。

尝试将其更改为类:

<select class="ManageOrders">

 $(".ManageOrders").change(function()
 {
    document.location.href = $(this).val();
 });

Live Demo here