使用jQuery动态生成SELECT需要双击才能在IE8中打开

Question

所有动态生成的选择框都有这个问题，如果我点击一次，它会闪烁，如果我按住它点击它打开你可以导航列表，但不能做任何选择，只有我双击你可以查看列表并实际选择一个元素。

select中的选项被挂钩以在单击时转到另一个页面，但是我在站点的不同区域生成了两个简单的未挂钩选择，结果是相同的。

有什么想法吗？

jQ('.slider-brands span.small-txt').addClass('cselect').append('<select><option>Choisir une marque</option></select>')
            //Populate the select with all the brands from the list
            for (var i = 0; i < brandsName.length; i++) {
                jQ('.slider-brands .cselect select').append('<option value="' + brandsLink[i] + '">' + brandsName[i] + '</option>')
            }
            //Go to location on click
            jQ('.slider-brands .cselect select').bind('change', function () {
                var url = jQ(this).val(); // get selected value
                if (url) { // require a URL
                    window.location = url; // redirect
                }
                return false;
            });

然后输出这个

<select>
  <option>Choisir une marque</option>
  <option value="/alsa">Alsa</option>
  <option value="/axe">Axe</option>
  <option value="/belin">Belin</option>
  <option value="/belvita-petit-dejeuner">belVita Petit Déjeuner</option>
</select>