Change myLayout onchange of dropdown value

What I want to accomplish is similar to this, have a drop-down field for each myLayout.cells and change cell frame content base on user dropdown selection. Is this possible?

<html>
<body>
<form name="change">
<SELECT NAME="options" ONCHANGE="document.getElementById('youriframe').src = this.options[this.selectedIndex].value">
<option>choise</option>
<option value="http://microsoft.com">Microsoft</option>
</SELECT>

<iframe name="iframe" id="youriframe" src="yahoo.ca"></iframe>
</body>
</html>
	<script>
		var myLayout;
		function doOnLoad() {
			myLayout = new dhtmlXLayoutObject({
				parent: "layoutObj",
				pattern: "5W",
				skin: "dhx_web"
			});
			
			// iframe, get
			myLayout.cells("a").setText("Test");
			myLayout.cells("a").attachURL("www.google.com");
			myLayout.cells("b").setText("Test");
			myLayout.cells("b").attachURL("www.youtube.com");
			myLayout.cells("c").setText("Test");
			myLayout.cells("c").attachURL("http://www.facebook.com");
			myLayout.cells("d").setText("Test");
			myLayout.cells("d").attachURL("http://www.yahoo.com");
			myLayout.cells("e").setText("Test");
			myLayout.cells("e").attachURL("http://www.twitter.com");					
			}
		
		function doOnUnload() {
			if (myLayout != null && myLayout.unload != null) {
				myLayout.unload();
				myLayout = null;
			}
		}
		
	</script>
<body onload="doOnLoad();" onunload="doOnUnload();">
<div id="layoutObj"></div>

Anyone?

Please, try to use the layout views:
docs.dhtmlx.com/layout__views.html