javascript... - GoFuckYourself.com

STTBoss · 10-17-2006, 07:56 AM

I have 2 select boxes. Now, how the hell do I change options in the second box when the first one is switched to another option by the user?!!! thanks

fris · 10-17-2006, 07:57 AM

not sure about js, would be easy to do in php

mortenb · 10-17-2006, 08:16 AM

http://irt.org/script/form.htm#4

irt.org is a nice site for stuff like this :-)

darksoul · 10-17-2006, 08:36 AM

Quote:

Originally Posted by Fris

not sure about js, would be easy to do in php

with php it would happen on the server side (the user needs to submit)
where with js it happens in the browser no submit needed.

mortenb · 10-17-2006, 08:37 AM

Quote:

Originally Posted by darksoul

no it wouldn't.
with php it would happen on the server side (the user needs to submit)
where with js it happens in the browser no submit needed.

you could ajax it and use both php and javascript

darksoul · 10-17-2006, 08:38 AM

Quote:

Originally Posted by mortenb

you could ajax it and use both php and javascript

what does ajax has to do with php ?

psili · 10-17-2006, 08:52 AM

Not the greatest solution, but I was bored so, here it is:

Code:

<html>
 <head>
<script type="text/javascript">

// hook up your options
slaveArr1 = new Array("Slave option 1","Slave option 2","Slave option 3");
slaveArr2 = new Array("Another option 1","Another option 2","Another option 3");

// do the work
function updateSlave(val)
{
	var arr;
	if(val != "") // test empty value
	{
		// set values
		if(val == "1")
			arr = slaveArr1;
		else
			arr = slaveArr2;

		// reset slave
		resetSlave();

		// populate options
		populateSlave(arr);

	}
}

// populates select field
function populateSlave(arr)
{
	for(i=0;i<arr.length;i++)
	{
		o = document.createElement("option");
		o.setAttribute("value",arr[i]);
		o.appendChild( document.createTextNode( arr[i] ) );
		document.getElementById("slave").appendChild(o);
	}
}

// kill options in slave select field
function resetSlave()
{
	while(document.getElementById("slave").childNodes.length > 0)
		document.getElementById("slave").removeChild( document.getElementById("slave").lastChild );
}
 </script>
 </head>
 <body>

 <form method="GET" action="">
	 <p>Select 1: 
	   <select name="master" onchange="updateSlave(this.value)">
		   <option value=""></option>
		   <option value="1">Option 1</option>
		   <option value="2">Option 2</option>
	   </select>
	 </p>

	 <p>Select 2:
		<select name="slave" id="slave"></select>

	 </p>

 </form>
   

 </body>
</html>

STTBoss · 10-17-2006, 08:55 AM

Quote:

Originally Posted by mortenb

http://irt.org/script/form.htm#4

irt.org is a nice site for stuff like this :-)

thanks for the link, but it doesn't seem to work... I mean it does load, I click to faq #237 and then on the first link ( http://tech.irt.org/articles/js042/index.htm ) but it doesn't work. Does it open for anyone? If so, can someone copy it here? thanks

STTBoss · 10-17-2006, 08:56 AM

Quote:

Originally Posted by psili

Not the greatest solution, but I was bored so, here it is:

Code:

<html>
 <head>
<script type="text/javascript">

// hook up your options
slaveArr1 = new Array("Slave option 1","Slave option 2","Slave option 3");
slaveArr2 = new Array("Another option 1","Another option 2","Another option 3");

// do the work
function updateSlave(val)
{
	var arr;
	if(val != "") // test empty value
	{
		// set values
		if(val == "1")
			arr = slaveArr1;
		else
			arr = slaveArr2;

		// reset slave
		resetSlave();

		// populate options
		populateSlave(arr);

	}
}

// populates select field
function populateSlave(arr)
{
	for(i=0;i<arr.length;i++)
	{
		o = document.createElement("option");
		o.setAttribute("value",arr[i]);
		o.appendChild( document.createTextNode( arr[i] ) );
		document.getElementById("slave").appendChild(o);
	}
}

// kill options in slave select field
function resetSlave()
{
	while(document.getElementById("slave").childNodes.length > 0)
		document.getElementById("slave").removeChild( document.getElementById("slave").lastChild );
}
 </script>
 </head>
 <body>

 <form method="GET" action="">
	 <p>Select 1: 
	   <select name="master" onchange="updateSlave(this.value)">
		   <option value=""></option>
		   <option value="1">Option 1</option>
		   <option value="2">Option 2</option>
	   </select>
	 </p>

	 <p>Select 2:
		<select name="slave" id="slave"></select>

	 </p>

 </form>
   

 </body>
</html>

thanks! I will test it out

mortenb · 10-17-2006, 08:58 AM

Quote:

Originally Posted by darksoul

what does ajax has to do with php ?

nothing as such.. ajax is just a name for using different technologies together.. php can be a part of ajax if you choose so.

mortenb · 10-17-2006, 09:00 AM

Quote:

Originally Posted by STTBoss

thanks for the link, but it doesn't seem to work... I mean it does load, I click to faq #237 and then on the first link ( http://tech.irt.org/articles/js042/index.htm ) but it doesn't work. Does it open for anyone? If so, can someone copy it here? thanks

Try 1046.. Play around with it a bit.. It's not as difficult as it seems.

10-17-2006, 07:56 AM	#1
STTBoss Confirmed User Join Date: Jun 2004 Location: CZ Posts: 225	javascript... I have 2 select boxes. Now, how the hell do I change options in the second box when the first one is switched to another option by the user?!!! thanks __________________ TrafficAdept.com GET BETTER QUALITY TRAFFIC GET PAID MORE TO SELL TRAFFIC by DamageX and STTBoss

10-17-2006, 07:57 AM	#2
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,507	not sure about js, would be easy to do in php __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. My Cam Feeds Script / Free Templates / Gallery Scraper

10-17-2006, 08:16 AM	#3
mortenb Confirmed User Join Date: Jul 2004 Location: Denmark ICQ: 7880009 Posts: 2,203	http://irt.org/script/form.htm#4 irt.org is a nice site for stuff like this :-)