Question

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

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

有两个列表和一个容器。

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

然后有一个容器，它容纳所有分支的所有子分支。然后通过单击一个分支，jquery代码从容器中复制匹配的元素集，并将它们克隆到空的第二个元素中。这适用于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/

jQuery代码在IE中不起作用

1 个答案: