jQuery代码在IE中不起作用

Question

请检查此小提琴，看看为什么它在IE8中不起作用。

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

有两个列表和一个容器。

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

然后是一个容器，其中容纳所有分支的所有子分支。 然后通过单击分支，jQuery代码从容器中复制匹配的元素集，并将其克隆到空的second中。 这在FF中有效，但在IE中失败。 你可以玩小提琴。 这是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/