HTML省会城市组合框,htmlayout下拉组合框联动

//动态下拉组合框

import win.ui;

/*DSG{{*/

var winform = win.form(text="下拉组合框联动";right=420;bottom=293)

winform.add()

/*}}*/

import console

import web.layout;

wbLayout = web.layout(winform);

wbLayout.html = /*

省份:

城市:无选择

*/

dataBind = function(id, data){

//select第三个子节点  的子节点才是  节点

var ele = wbLayout.queryEle(id).child(3);

var n = ele.childCount()

//清空  节点

for(i=n;1;-1) ele.child(i).delete()

// 下面绑定data表

for(i=1;#data;1){

ele.printf("%s", i, data[i])

}

// 默认选中第一个选项

wbLayout.queryEle(id).child(1).innerText = data[1]

ele.child(1).state.checked = true

}

var city = {

["无选择"] = {"无选择"};

["江苏省"] = {"南京市";"苏州市";"无锡市";"常州市"};

["浙江省"] = {"杭州市";"宁波市";"温州市";"绍兴市"};

["广东省"] = {"广州市";"深圳市";"珠海市";"东莞市"};

};

dataBind( "#province", {"无选择";"江苏省";"浙江省";"广东省"} )

var pSelect = wbLayout.queryEle("#province")

pSelect.onSelectSelectionChanged = function (ltTarget,ltOwner,reason,behaviorParams) {

var ltOption = ..web.layout.element( behaviorParams.he )

dataBind("#city", city[ltOption.value])

}

pSelect.attachEventHandler()

winform.show();

win.loopMessage();