javascript - jQuery 代码在 IE 中不起作用

Question

请检查这个 fiddle ，看看为什么它在 IE8 中不起作用。

http://jsfiddle.net/mostafatalebi/6WQ9x/

有两个列表和一个容器。

列表A是所有字段的列表，第二个列表为空。

然后有一个容器，其中包含所有分支的所有子分支。然后通过单击一个分支，jquery 代码从容器中复制一组匹配的元素并将它们克隆到空的 second 中。这在 FF 中有效，但在 IE 中失败。你可以玩 fiddle 。这是 jquery:

$(document).ready(function(){


        $('#branches').children('option').on('click', function(){
            var branch = $(this).val();
            var subholder = $('#subbranch-holder');             
            $('#sub').empty();                                          
            $('#sub').html("<option value='false'>انتخاب زیر شاخه ها</option>");
            // console.log(subholder.children('option').length);
            subholder.children('option').each(function(){
            if($(this).attr('id') == 'par'+branch)
            {                           
                $(this).clone().appendTo("#sub");
            }
            });
        });

});

Answer 1

使用 jQuery 版本 1.* 代替版本 2.*。
并更改此行:

$('#branches').children('option').on('click', function(){

为此:

$('#branches').on('change', function(){

http://jsfiddle.net/6WQ9x/4/

编辑:
如果您使用有效的 html 会更好，这样您的代码将在其他浏览器中工作。
看到这个:
http://jsfiddle.net/6WQ9x/9/