updated sample
<select id="ddl_canvas">
<option value="home">home</option>
<option value="profile">profile.left</option>
<option value="profile.right">profile.right</option>
<option value="canvas">canvas</option>
</select>
<br>
Value One: <input type="text" id="txtParamOne" />
<br>
Value Two: <input type="text" id="txtParamTwo" />
<br>
<input type="button" onclick="navigate()" value="Submit" />
<script type="text/javascript" id="MSOS_HOME">
function navigate(){
var params = {};
var isPrimary = false;
var surfaceName = document.getElementById('ddl_canvas').value;
if (surfaceName === 'canvas')
isPrimary = true;
var surfaces = gadgets.views.getSupportedViews();
var surfaceRef = surfaces[surfaceName];
params['param1'] = document.getElementById('txtParamOne').value;
params['param2'] = document.getElementById('txtParamTwo').value;
gadgets.views.requestNavigateTo(surfaceRef, params);
}
function init() {
var params1 = opensocial.getEnvironment().getParams();
if ('undefined'===typeof(params1) || 'undefined' === typeof(params1['param1'])){
return;
}
document.getElementById('txtParamOne').value = params1['param1'];
document.getElementById('txtParamTwo').value = params1['param2'];
}
init();
</script>