Hi,
I have a prob within my script;
namely;
I have three select boxes in my page, which are connencted in a way to each other; Everything seems to work ok as long as I have values within these three boxes. The problem is that it can be possible that I only have to use 2 of the 3 (so I do not have any "parts"
. When doing so, the third box should be resetted (because now the last value remains standing there as it has not been replaced with another one...)
How can I add this to this script ?
Thanks in advance
JeroenB
<HTML>
<HEAD>
<TITLE>Pavilions_list</TITLE>
<SCRIPT Language="JavaScript">
<!--
function Localidades(form)
{
form.pavilion.length = 1;
form.pavilion.selectedIndex = 0;
val_sec = form.section.options[form.section.selectedIndex].value;
if (val_sec == "be"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Atomium";
form.pavilion.options[form.pavilion.length - 1].value = "Atomium";
}
if (val_sec == "be"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Aluminium";
form.pavilion.options[form.pavilion.length - 1].value = "Aluminium";
}
if (val_sec == "be"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Cheerful Belgium";
form.pavilion.options[form.pavilion.length - 1].value = "Cheerful Belgium";
}
if (val_sec == "be"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Couture";
form.pavilion.options[form.pavilion.length - 1].value = "Couture";
}
if (val_sec == "fo"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Brazil";
form.pavilion.options[form.pavilion.length - 1].value = "Brazil";
}
if (val_sec == "fo"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Austria";
form.pavilion.options[form.pavilion.length - 1].value = "Austria";
}
if (val_sec == "fo"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Cambodia";
form.pavilion.options[form.pavilion.length - 1].value = "Cambodia";
}
if (val_sec == "fo"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Canada";
form.pavilion.options[form.pavilion.length - 1].value = "Canada";
}
if (val_sec == "co"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Fauna";
form.pavilion.options[form.pavilion.length - 1].value = "Fauna";
}
if (val_sec == "co"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Hall of Congo & Ruanda-Urundi";
form.pavilion.options[form.pavilion.length - 1].value = "Hall of Congo & Ruanda-Urundi";
}
}
function LocIndxValue(forma)
{
forma.LocIndx.value = forma.pavilion.selectedIndex;
return true
}
function Setparts(form)
{
form.part.length = 1;
form.part.selectedIndex = 0;
val_sec = form.section.options[form.section.selectedIndex].value;
val_pav = form.pavilion.options[form.pavilion.selectedIndex].value;
if ((val_pav == "Atomium"
&& (val_sec == "be"
)
{
(form.part.length)++;
form.part.options[form.part.length - 1].text = "part01";
form.part.options[form.part.length - 1].value = "part01";
}
if ((val_pav == "Aluminium"
&& (val_sec == "be"
)
{
(form.part.length)++;
form.part.options[form.part.length - 1].text = "part02";
form.part.options[form.part.length - 1].value = "part02";
}
}
function PartIndxValue(forma)
{
forma.PartIndx.value = forma.part.selectedIndex;
return true
}
//-->
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" LINK="#0000FF" TEXT="#0000FF" VLINK="#00FF00" ALINK="#00FFFF">
<CENTER>
<TABLE BORDER="0" WIDTH="98%" CELLSPACING="2" CELLPADDING="2">
<TR>
<TD VALIGN="top" ALIGN="left">
<FORM METHOD="POST" ACTION="ATM.asp" NAME="formulario">
<FONT FACE="Arial" SIZE="3" COLOR="#0000FF">
<P ALIGN="justfy">
<CENTER>section
<SELECT NAME="section" OnChange="Localidades(this.form)" WIDTH="250">
<OPTION VALUE = "">[select]</OPTION>
<OPTION VALUE = "be">Belgian section</OPTION>
<OPTION VALUE = "fo">Foreign section</OPTION>
<OPTION VALUE = "co">Congo-Ruanda-Urundi</OPTION>
</SELECT>
pavilion
<SELECT NAME="pavilion" WIDTH="250" OnChange="Setparts(this.form)">
<OPTION VALUE = "">[select]</OPTION>
<OPTION VALUE = "">000000000000000000000000</OPTION>
</select>
part
<SELECT NAME="part" WIDTH="250" OnChange="PartIndxValue(this.form)">
<OPTION VALUE = "">[select]</OPTION>
<OPTION VALUE = "">000000000000000000000000</OPTION>
</select>
</CENTER>
</P>
</FONT>
</FORM>
</TD>
</TR>
</TABLE>
</CENTER>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.formulario.pavilion.length = 1;
document.formulario.part.length = 1;
// -->
</SCRIPT>
</BODY>
</HTML>
I have a prob within my script;
namely;
I have three select boxes in my page, which are connencted in a way to each other; Everything seems to work ok as long as I have values within these three boxes. The problem is that it can be possible that I only have to use 2 of the 3 (so I do not have any "parts"
How can I add this to this script ?
Thanks in advance
JeroenB
<HTML>
<HEAD>
<TITLE>Pavilions_list</TITLE>
<SCRIPT Language="JavaScript">
<!--
function Localidades(form)
{
form.pavilion.length = 1;
form.pavilion.selectedIndex = 0;
val_sec = form.section.options[form.section.selectedIndex].value;
if (val_sec == "be"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Atomium";
form.pavilion.options[form.pavilion.length - 1].value = "Atomium";
}
if (val_sec == "be"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Aluminium";
form.pavilion.options[form.pavilion.length - 1].value = "Aluminium";
}
if (val_sec == "be"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Cheerful Belgium";
form.pavilion.options[form.pavilion.length - 1].value = "Cheerful Belgium";
}
if (val_sec == "be"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Couture";
form.pavilion.options[form.pavilion.length - 1].value = "Couture";
}
if (val_sec == "fo"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Brazil";
form.pavilion.options[form.pavilion.length - 1].value = "Brazil";
}
if (val_sec == "fo"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Austria";
form.pavilion.options[form.pavilion.length - 1].value = "Austria";
}
if (val_sec == "fo"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Cambodia";
form.pavilion.options[form.pavilion.length - 1].value = "Cambodia";
}
if (val_sec == "fo"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Canada";
form.pavilion.options[form.pavilion.length - 1].value = "Canada";
}
if (val_sec == "co"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Fauna";
form.pavilion.options[form.pavilion.length - 1].value = "Fauna";
}
if (val_sec == "co"
{
(form.pavilion.length)++;
form.pavilion.options[form.pavilion.length - 1].text = "Hall of Congo & Ruanda-Urundi";
form.pavilion.options[form.pavilion.length - 1].value = "Hall of Congo & Ruanda-Urundi";
}
}
function LocIndxValue(forma)
{
forma.LocIndx.value = forma.pavilion.selectedIndex;
return true
}
function Setparts(form)
{
form.part.length = 1;
form.part.selectedIndex = 0;
val_sec = form.section.options[form.section.selectedIndex].value;
val_pav = form.pavilion.options[form.pavilion.selectedIndex].value;
if ((val_pav == "Atomium"
{
(form.part.length)++;
form.part.options[form.part.length - 1].text = "part01";
form.part.options[form.part.length - 1].value = "part01";
}
if ((val_pav == "Aluminium"
{
(form.part.length)++;
form.part.options[form.part.length - 1].text = "part02";
form.part.options[form.part.length - 1].value = "part02";
}
}
function PartIndxValue(forma)
{
forma.PartIndx.value = forma.part.selectedIndex;
return true
}
//-->
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" LINK="#0000FF" TEXT="#0000FF" VLINK="#00FF00" ALINK="#00FFFF">
<CENTER>
<TABLE BORDER="0" WIDTH="98%" CELLSPACING="2" CELLPADDING="2">
<TR>
<TD VALIGN="top" ALIGN="left">
<FORM METHOD="POST" ACTION="ATM.asp" NAME="formulario">
<FONT FACE="Arial" SIZE="3" COLOR="#0000FF">
<P ALIGN="justfy">
<CENTER>section
<SELECT NAME="section" OnChange="Localidades(this.form)" WIDTH="250">
<OPTION VALUE = "">[select]</OPTION>
<OPTION VALUE = "be">Belgian section</OPTION>
<OPTION VALUE = "fo">Foreign section</OPTION>
<OPTION VALUE = "co">Congo-Ruanda-Urundi</OPTION>
</SELECT>
pavilion
<SELECT NAME="pavilion" WIDTH="250" OnChange="Setparts(this.form)">
<OPTION VALUE = "">[select]</OPTION>
<OPTION VALUE = "">000000000000000000000000</OPTION>
</select>
part
<SELECT NAME="part" WIDTH="250" OnChange="PartIndxValue(this.form)">
<OPTION VALUE = "">[select]</OPTION>
<OPTION VALUE = "">000000000000000000000000</OPTION>
</select>
</CENTER>
</P>
</FONT>
</FORM>
</TD>
</TR>
</TABLE>
</CENTER>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.formulario.pavilion.length = 1;
document.formulario.part.length = 1;
// -->
</SCRIPT>
</BODY>
</HTML>