Ajax .change()不能与多个select一起使用

时间:2014-03-29 14:41:19

标签: javascript php jquery

我正在尝试订购系统。我想在我的系统中使用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/

首先是工作,但第二或第三个不工作

请帮帮我..

1 个答案:

答案 0 :(得分:3)

Firts:Id必须是唯一的。

尝试将其更改为类:

<select class="ManageOrders">

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

Live Demo here