Как выбрать следующий «выбор» (выпадающий) в этом HTML? - PullRequest
2 голосов
/ 02 января 2012

Мой 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», чего не происходит.Что я делаю неправильно ?Я даже попробовал функцию "братьев и сестер".

Ответы [ 2 ]

3 голосов
/ 02 января 2012
$(document).ready(function() {
    $("#delAppSelectApp").change(function() {
        alert( $(this).closest("td").next().find('select').attr("id") );
    });
});

Вот демоверсия: http://jsfiddle.net/7twmJ/

1 голос
/ 02 января 2012

Это не работает, потому что в узле xpath / axis нет «следующего» элемента (родственного элемента) на том же уровне. Попробуйте это:

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