javascript - 传递动态选择的下拉列表的 id

Question

我在 javascript 中有 ddl_SelectedIndexchanged 函数，它接受一个下拉列表的参数，如 vb.net 中的以下代码

Private Sub ddl_SelectedIndexchanged(drop as dropdownlist)
   'code
End sub

我的javascript代码与上面相同

function ddl_SelectedIndexchanged(drop)
{
   //code
}

现在我要调用 document.ready 上的函数 但在我的页面中我有 5 个下拉列表，考虑 ddl1,ddl2,ddl3,ddl4,ddl5

如果选择了 ddl1，那么将会有一个单独的代码。 如果选择了 ddl2，它也有一个单独的代码。 但如果两者都没有被选中，则其他任何一个都可以访问 ddl_selectedIndexchanged() 函数。 由于“任何其他”意味着动态选择，我不知道如何传递 (ddl) 参数，如下所示

if(ddl1.selectedIndex == 0)
    ddl_selectedIndexChanged(ddl2);
else if(ddl2.selectedIndex == 0)
    ddl_selectedIndexChanged(ddl1);
else
    ddl_selectedIndexChanged(`dynamic selection of ddl3,ddl4,ddl5`);

Answer 1

<select class="ddcommon" name="dd1">
    <!-- Your options -->
</select>

<select class="ddcommon" name="dd2">
    <!-- Your options -->
</select>

<select class="ddcommon" name="dd3">
    <!-- Your options -->
</select>


<script type="text/javascript">
    // Code requires jquery
    $(function(){

        $('.ddcommon').change(function(e) {

            element_name  = $(this).attr('name');
            element_value = $(this).val();

            switch(element_name) { // start switch

                case 'dd1':
                    // your code
                    break;

                case 'dd2':
                    // your code
                    break;

                case 'dd3':
                    // your code
                    break;                                  

                // .... so on cases

                    } // endswitch
            });
    });
</script>