Question

关于DropDown列表的更改，我想使用JQuery查找最近/下一个文本框。 Product文本框有一个动态ID，因此我无法使用#Product引用它，因此我想动态地找到它的ID：

<div class="orderLineRow">
@Html.DropDownList("Products")

@Using Html.BeginCollectionItem("OrderLines")
    @Html.TextBoxFor(Function(model) model.Product)  
 End Using
</div>

下拉列表更改：

$(function () {
    $("#Products").change(function () {
       ??

    });

});

Answer 1

您可以使用jQuery的.next（）http://api.jquery.com/next/

即。 $（本）的.next（ 'textarea的'）

虽然这些假设是兄弟元素。如果没有，请查看其他功能http://api.jquery.com/category/traversing/tree-traversal/

Answer 2

$(document).ready(function(){
    $("#Products").change(function(){
           $(this).siblings("input[type='text']").css("background-color", "#ff0000");
    });
});

这很有效。 Here's an example: http://jsfiddle.net/Hy6sX/1/

JQuery - 在下拉列表更改中查找最接近的文本框

2 个答案: