Question

我使用Selectyze插件http://www.myjqueryplugins.com/jquery-plugin/selectyze设置选择菜单的样式。我要选择2个项目：第一个包含主要项目，第二个包含属于第一个菜单中项目的子项目。当第一个菜单改变时，它通过ajax从数据库中提取数据，并将数据嵌入第二个选择菜单。但是当我从第二个菜单中选择任何新数据时，脚本不起作用并返回＃而不是选择子项并关闭菜单。这里是简单的ajax代码，它没有任何问题，并且显示子项目

var ajax2 = false;
        ajax2 = new XMLHttpRequest();
        ajax2.open('GET','ajax/getsubitems.php?item='+item);
        ajax2.onreadystatechange=function(){
            if(ajax2.readyState==4 && ajax2.status==200){
                var result = ajax2.responseText;
                $(".DivSelectyze.grey3 ul").html(result);
            }
        }
        ajax2.send(null);

来自inspect元素的数据：

<select name="neighbour" id="choose_neighbour" class="selectyze3" style="display: none;">
<option value="subitem1">subitem1</option>
<option value="subitem2">subitem2</option>
</select>

<div class="DivSelectyze grey3" style="z-index: 9989;">
<a href="#" rel="" class="selectyzeValue">choose</a>
<ul class="UlSelectize" style="display: block;">
<li><a href="#" rel="subitem1">subitem1</a></li>
<li><a href="#" rel="subitem2">subitem2</a></li>
</ul>
</div>

如果数据加载了dom它可以工作但是使用ajax它不起作用。我该如何解决这个问题？

如果通过ajax加载数据，则Selectyze不起作用

0 个答案: