Question

我有一段像下面这样的HTML代码：

<div>
    <div><input id='route' value='1'></div>
    <div>
        <select id='selID'>
            ...
        </select>
    </div>
</div>

现在，我想从select元素中选择任何选项后从输入中获取值我尝试过类似的东西，但仍然没有成功：

$(document).on('change', '#selID', function (event) {
    alert($(this).parent().siblings('div').children('input').val());    
});

有人可以给我一个解决方案吗？提前谢谢！

Answer 1

你可以这样做 -

$("#selID").on('change', function(){

    var $a = $(this);
    if($a.val() != ""){
        alert($a.parent().parent().find('input').val());
    }

    return false;
});

<强>小提琴： http://jsfiddle.net/vzmzu6zc/

Answer 2

尝试使用$('#selID')代替$('document')

$('#selID').on('change', function (event) {
    alert($(this).parent().siblings('div').children('input').val());    
});

<强> FIDDLE

jQuery从父级兄弟中找到输入值

2 个答案: