Exact same code works in one file but not in the other ! :S

stijn0713 · April 18, 2012

Dear php freaks,

In my test file the following code works perfectly:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
function dropdownlist(listindex)
{

document.formname.subcategory.options.length = 0;
switch (listindex)
{

case "1" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");

break;

case "2" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");

break;

case "3" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");
document.formname.subcategory.options[4]=new Option("3","3");

break;

case "4" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");
document.formname.subcategory.options[4]=new Option("3","3");
document.formname.subcategory.options[5]=new Option("4","4");

break;

case "5" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");
document.formname.subcategory.options[4]=new Option("3","3");
document.formname.subcategory.options[5]=new Option("4","4");
document.formname.subcategory.options[6]=new Option("5","5");

break;

case "6" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");
document.formname.subcategory.options[4]=new Option("3","3");
document.formname.subcategory.options[5]=new Option("4","4");
document.formname.subcategory.options[6]=new Option("5","5");
document.formname.subcategory.options[7]=new Option("6","6");

break;

case "7" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");
document.formname.subcategory.options[4]=new Option("3","3");
document.formname.subcategory.options[5]=new Option("4","4");
document.formname.subcategory.options[6]=new Option("5","5");
document.formname.subcategory.options[7]=new Option("6","6");
document.formname.subcategory.options[8]=new Option("7","7");
break;

case "8" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");
document.formname.subcategory.options[4]=new Option("3","3");
document.formname.subcategory.options[5]=new Option("4","4");
document.formname.subcategory.options[6]=new Option("5","5");
document.formname.subcategory.options[7]=new Option("6","6");
document.formname.subcategory.options[8]=new Option("7","7");
document.formname.subcategory.options[9]=new Option("8","8");
break;

case "9" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");
document.formname.subcategory.options[4]=new Option("3","3");
document.formname.subcategory.options[5]=new Option("4","4");
document.formname.subcategory.options[6]=new Option("5","5");
document.formname.subcategory.options[7]=new Option("6","6");
document.formname.subcategory.options[8]=new Option("7","7");
document.formname.subcategory.options[9]=new Option("8","8");
document.formname.subcategory.options[10]=new Option("9","9");
break;

case "10" :
document.formname.subcategory.options[0]=new Option("Select kinderen thuis","");
document.formname.subcategory.options[1]=new Option("0","0");
document.formname.subcategory.options[2]=new Option("1","1");
document.formname.subcategory.options[3]=new Option("2","2");
document.formname.subcategory.options[4]=new Option("3","3");
document.formname.subcategory.options[5]=new Option("4","4");
document.formname.subcategory.options[6]=new Option("5","5");
document.formname.subcategory.options[7]=new Option("6","6");
document.formname.subcategory.options[8]=new Option("7","7");
document.formname.subcategory.options[9]=new Option("8","8");
document.formname.subcategory.options[10]=new Option("9","9");
document.formname.subcategory.options[11]=new Option("10","10");

break;

}
return true;
}

</script>
</head>
<title>Dynamic Drop Down List</title>
<body>

<form id="formname" name="formname" method="post" action="submitform.asp" >
<table width="50%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="41%" align="right" valign="middle">Aantal kinderen :</td>
<td width="59%" align="left" valign="middle"><select name="category" id="category" onchange="javascript: dropdownlist(this.options[this.selectedIndex].value);">
<option value="">------</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></td>
</tr>
<tr>
<td align="right" valign="middle">Waarvan thuiswonend :
</td>
<td align="left" valign="middle"><script type="text/javascript" language="JavaScript">
document.write('<select name="subcategory"><option value="">-----</option></select>')
</script>
<noscript><select name="subcategory" id="subcategory" >
<option value="">Select Sub-Category</option>
</select>
</noscript></td>
</tr>
</table>

</form> 


</body>
</html>

When i want to implement it in my signup page, it doesnt do anything. I've checked it a thousand times, i double checked that also the

-formname of my signup page is 'formname'

-the element name stays 'subcategory'

I really need this to be implemented. Where can be the problem? What should i look for?

MMDE · April 18, 2012

Where exactly is the PHP that you need help with?

If there is something wrong with the JavaScript and it works one place, but not the other, then there might be some other JavaScript with an error that you combine it with.... I don't know, I don't even know what is wrong and what it is supposed to do, neither can I see any PHP.

Sign In

Exact same code works in one file but not in the other ! :S

Recommended Posts

stijn0713

Link to comment

Share on other sites

MMDE

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information