如何在此HTML中选择下一个“选择”（下拉列表）？

我的HTML是：如何在此HTML中选择下一个“选择”（下拉列表）？

<tr> 
     <td><select id = "delAppSelectApp" name="delAppSelectApp"><option value="--Select--"> --Select--</option></select></td> 
     <td><select id = "delAppSelectAppVers" name="delAppSelectAppVers"><option value="--Select--">--Select--</option></select></td> 
     <td><input type="submit" name="submitDelAppVers" id="submitDelAppVers" value="Delete Application Version" /></td> 
    </tr>

我的脚本是：

$(document).ready(function(){ 
    $("#delAppSelectApp").change(function(){ 
     alert($(this).nextAll("select").attr("id")); 
    }); 
});

我希望窗口提醒 “delAppSelectAppVers”，这是不会发生。我究竟做错了什么？我甚至尝试过“兄弟姐妹”功能。

来源

2012-01-02 dinchakpianist

$(document).ready(function() { 
    $("#delAppSelectApp").change(function() { 
     alert($(this).closest("td").next().find('select').attr("id")); 
    }); 
});

这里有一个演示：http://jsfiddle.net/7twmJ/

来源

2012-01-02 07:10:42

它不工作，因为那里是节点的XPath /轴在同一水平上没有“下一个”元素（兄弟姐妹）。试试这个：

$(this).parent.next().children("select:first").attr("id")

来源

2012-01-02 07:15:18

如何在此HTML中选择下一个“选择”（下拉列表）？

回答

相关问题