jQuery repeater显示/隐藏下拉菜单上的元素

Question

我正在使用jQuery Repeater。我的设计如下：

Dropdown 1  Text 1   Text Area 1   Office
Dropdown 2  Text 2   Text Area 2   Office

中继器工作得很好。但现在我想显示/隐藏"其他元素"取决于下拉列表的值。

我已经尝试了以下代码。它只在第一排工作，而不是在中继器内的每一排工作。

$("[data-repeater-list=iorder_data] [name=authority]").on('change', function(){

if ($(this).val() == 1 )
{
$('#office').show();
}
else if ($(this).val() == 2)
{
$('#office').hide();
}
});

请帮我在哪里错过了什么。

感谢

Answer 1

我还不完全清楚你想做什么，但如果你的下拉列表同时具有两个属性(data repeater list=iorder_data AND[name=authority](，你应该删除选择器中的空格：

$("[data-repeater-list=iorder_data][name=authority]").on('change', function(){

编辑：在阅读了其他评论后，我认为这就是你想要的：

$("[data-repeater-list=iorder_data]").each(function() { 
$(this).find("[name=authority]").on('change', function() {
// your code (check values)
});
}