Help required in WML onevent method

[Rajeshswain]

Hello Guys,

I developing a WML application. It contains to select list. The second one has to be populated according to the data selected. However I am unable to do so. Nothing happens when I select a item from the first dropdown. Please find my WML code below followed by my WMLS code. my wml file name is test.wml whereas my wmls file name is list.wmls

WML code

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">

<wml>
  <card id="card1" title="WMLScript Tutorial">
    <p>
    <select name="city">
	<option value="">Category</option>
	<option value="Fruits">
	<onevent type="onpick">
        <go href="list.wmls#SelectSubCat()"/>
    </onevent>
	Fruits</option>
	</select>

<select id="subcat" name="subcat">
<option value="">SubCat</option>
</select>
</p>
  </card>
</wml>

WMLS code

extern function SelectSubCat(){
WMLBrowser.removeAllOptions(document.drop_list.SubCat);
WMLBrowser.addOption(document.drop_list.SubCat, "", "SubCat", "");

if(document.drop_list.Category.value == 'Fruits'){
WMLBrowser.addOption(document.drop_list.SubCat,"Mango", "Mango");
WMLBrowser.addOption(document.drop_list.SubCat,"Banana", "Banana");
WMLBrowser.addOption(document.drop_list.SubCat,"Orange", "Orange");
}
}

function removeAllOptions(selectbox)
{
	var i;
	for(i=selectbox.options.length-1;i>=0;i--)
	{
		selectbox.remove(i);
	}
}

function addOption(selectbox, value, text )
{
	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value;
	selectbox.options.add(optn);
}