4
4MLA1FN
below is a simple dynamic option list. it doesn't seem to work on the
treo650, but works fine in pc-based browsers. can anyone give me some
insights into what i'm doing wrong? very much appreciated.
-4MLA1FN
------------------------
<html>
<head>
<title>dynamic link test</title>
<script type="text/javascript">
var store = new Array();
store['fb0'] = new Array('sub-foobar 0');
store['fb1'] = new Array('sub-foobar 1');
function populate() {
var box0 = document.dl.option0;
var box1 = document.dl.option1;
if (box0.selectedIndex != 0){
var number = box0.options[box0.selectedIndex].value;
var list = store[number];
box1.options.length = 0;
for(i=0;i<list.length;i++) {
box1.options = new Option(list, list);
}
} else {
box1.options.length = 0;
box1.options[0] = new Option("<-- Select option", "0");
}
}
</script>
</head>
<body>
<FORM name="dl" action="" method="post">
option 0:<br>
<SELECT SIZE="1" NAME="option0" onChange="populate()"
onkeyup="populate()">
<OPTION VALUE="0" >Select option</OPTION>
<OPTION VALUE="fb0">foobar 0</OPTION>
<OPTION VALUE="fb1">foobar 1</OPTION>
</SELECT>
<p></p>
option 1:<br>
<SELECT SIZE="1" NAME="option1">
<OPTION VALUE="0" selected><-- Select option</OPTION>
</SELECT>
</FORM>
</body>
</html>
4MLA1FN
treo650, but works fine in pc-based browsers. can anyone give me some
insights into what i'm doing wrong? very much appreciated.
-4MLA1FN
------------------------
<html>
<head>
<title>dynamic link test</title>
<script type="text/javascript">
var store = new Array();
store['fb0'] = new Array('sub-foobar 0');
store['fb1'] = new Array('sub-foobar 1');
function populate() {
var box0 = document.dl.option0;
var box1 = document.dl.option1;
if (box0.selectedIndex != 0){
var number = box0.options[box0.selectedIndex].value;
var list = store[number];
box1.options.length = 0;
for(i=0;i<list.length;i++) {
box1.options = new Option(list, list);
}
} else {
box1.options.length = 0;
box1.options[0] = new Option("<-- Select option", "0");
}
}
</script>
</head>
<body>
<FORM name="dl" action="" method="post">
option 0:<br>
<SELECT SIZE="1" NAME="option0" onChange="populate()"
onkeyup="populate()">
<OPTION VALUE="0" >Select option</OPTION>
<OPTION VALUE="fb0">foobar 0</OPTION>
<OPTION VALUE="fb1">foobar 1</OPTION>
</SELECT>
<p></p>
option 1:<br>
<SELECT SIZE="1" NAME="option1">
<OPTION VALUE="0" selected><-- Select option</OPTION>
</SELECT>
</FORM>
</body>
</html>
4MLA1FN