下拉列表未动态加载

Question

我正在尝试动态填充3个下拉列表。
在一个下拉列表中选择时，其他下拉列表将填充选项
我正在使用/bin/su来实现这一目标，而且工作正常 但问题是，它在javascript中正常工作，但在我的应用程序中使用时却无法正常工作。

我正在使用jsFiddle开发应用程序。

代码：

angular Js & materialize front-end framework

Javascript代码：

<form name="myform" id="myForm">
    Select Country: <select name="state" id="countySel" size="1">
        <option value="" selected="selected">Select Main Cartegory</option>
    </select>
    <br>
    <br>
    Select State: <select name="countrya" id="stateSel" size="1">
        <option value="" selected="selected">Please select Country first</option>
    </select>
    <br>
    <br>
    Select District: <select name="district" id="districtSel" size="1">
        <option value="" selected="selected">Please select State first</option>
    </select><br>
    <input type="submit">

</form>

请帮忙。