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 = /*
<meta charset="utf-8" />
<p>省份:<select #province size=1></select></p>
<p>城市:<select #city size=1><option value="0" >无选择</option></select></p>
*/

dataBind = function(id, data){
    //select第三个子节点 <popup> 的子节点才是 <option> 节点
    var ele = wbLayout.queryEle(id).child(3); 
    var n = ele.childCount()
    //清空 <option> 节点
    for(i=n;1;-1) ele.child(i).delete()
    // 下面绑定data表
    for(i=1;#data;1){
        ele.printf("<option value='%d'>%s</option>", 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();