Dynamic data in forms 1

Kevin123456 · Jun 29, 2002

Hi,

Can anyone suggest a way of having a form with a drop-down box that has a couple of options in it and when one of these is selected it populates another drop down box with another set of data? For example:

Select option1 gives options a,b,c,d,e
Select option2 gives options f,g,h,i,j

Thanks

kevinclark · Jun 29, 2002

This is a strp down version of what I use
It is JavaScript

If your going to build the page dynamically with ASp then you would have to response.write the code shown below. For example: response.Write("<BODY onLoad = 'init_page();'>&quot

stripped down version
'---------------------------------------------------------
<BODY onLoad = "init_page();">
<FORM NAME="F1">

<SELECT id="DD1"
name="DD1"
onChange = "fill_list(document.DD2_Array, document.F1.DD1[document.F1.DD1.selectedIndex].value, document.F1.DD2);">
</SELECT>
<SELECT id="DD2"
name="DD2">
</Select>
</form>
</Body>

<SCRIPT language = "JavaScript">

function init_page()
{
fill_list(document.DD1_Array, 0, document.F1.DD1, true);
fill_list(document.DD2_Array, document.F1.DD1[document.F1.DD1.selectedIndex].value, document.F1.DD2, false);
}

function fill_list(item_array, parent_item_id, output_select_list, init_flag)
{
output_select_list.length = 0;
for (x = 0; x < item_array.length; x++ )
{
if ( item_array[x] == parent_item_id || init_flag == true )
{
var option1 = new Option(item_array[x+1], item_array[x+2]);
output_select_list.options[output_select_list.length] = option1;
}
x+=2;
}
output_select_list[0].selected = true;
}

//The Arrays that hold the values to display
document.DD1_Array = new Array ('1', 'Value 1', '1',
'2', 'Value 2', '2');

document.DD2_Array = new Array('1', 'Sample 1', '1',
'1', 'Sample 2', '2',
'1', 'Sample 3', '3',
'1', 'Sample 4', '4',
'2', 'Sample 5', '5',
'2', 'Sample 6', '6',
'2', 'Sample 7', '7',
'2', 'Sample 8', '8',
'2', 'Sample 9', '9');

</SCRIPT>

Kevin123456 · Jul 2, 2002

Thanks for the response, it worked really well.

A real star reply!!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Dynamic data in forms 1

Kevin123456

Technical User

kevinclark

Programmer

Kevin123456

Technical User

Similar threads

Part and Inventory Search

Sponsor