jQuery Repeater show / hide元素对下拉列表的更改

时间:2018-07-20 10:07:00

标签: jquery repeater

我正在使用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();
        }

    });

请帮助我错过的地方和地方。

谢谢

1 个答案:

答案 0 :(得分: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)
    });
}