html select 控件联动从sqlserver数据库里取值。C#

现在要用三个select控件完成联动，数据从sqlserver里取，请大神给可用例子。
譬如第一个select是省，第二个select是地州，第三个select是县级，三个select
都需要从数据库里取而且需要互相联动。请大神提供一个可用的例子便于学习。

select name="selectp" id="select1" onchange="selectcity(this.value)">
-请选择地州
乌鲁木齐
克拉玛依
吐鲁番
哈密
昌吉
博州
巴州
阿克苏
克州
喀什
和田
奎屯
伊犁
塔城
阿勒泰
石河子

县/市：

</select

可以使用ajax来完成，点击一个省，动态查找对应的市

http://blog.csdn.net/qq_27632117/article/details/52583572

AJAX省市县3级联动
javascript省市县三级联动示例

如果是省市区三级联动，可以直接去网上找一个案例或插件看看，其他的可以用ajax实现更好，也不要用select下拉，自己写样式做下拉联动好看些

直接先加载 一级的
后来 一级 select onchange事件 ajax方法 级联二级select
二级级联三级 同理

我是先做了aspx从库里取出了地市的json， [{"town_branch_name":"昌吉市"},{"town_branch_name":"阜康市"}] ，现在不知道怎么在js里把json的值赋给html里的select.
js不知道怎么写。求教

html里的内容

-请选择地州
乌鲁木齐
克拉玛依
吐鲁番
哈密
昌吉
博州
巴州
阿克苏
克州
喀什
和田
奎屯
伊犁
塔城
阿勒泰
石河子

县/市：

js里的内容

function selectcity(jstype) {
$.ajax({
type: "Post",
url: "city.aspx?jstype=" + jstype,
contenType: "application/json:charset=utf-8",
dataType: "json",
success: function (data) {

        var jData = JSON.parse(date);
        var strOptions = "";
        for (var i = 0; i < jData.d.length; i++) {

            //strOptions = strOptions + '<OPTION value=">' + jData.town_branch_name[i] + '">' + jData.town_branch_name[i] + '</OPTION>';
            strOptions = strOptions + '<OPTION >' + jData.d[i] + '</OPTION>';
        }
        // document.getElementById("select2").innerHTML = strOpitons;
         $("#select2").html(strOptions);



    },
    error: function (data) {
        alert("返回joson失败！")
        //   swal("此验证码不正确或者已经被使用！")
    }

});

}

我测试http://localhost:4258/bootstrap/city.aspx?jstype=6523
返回json串[{"town_branch_name":"昌吉市"},{"town_branch_name":"阜康市"}]，
现在不知道json串如何可以放到select2里去。而且js 里的 success: function (data) {这里边的内容感觉有很大问题，请大神帮忙看看