AJAX

Single variable multiple select box

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Sep 2008

Posts: 4

Reputation: wipeskim is an unknown quantity at this point

Solved Threads: 0

wipeskim

Offline

Newbie Poster

Single variable multiple select box

Sep 25th, 2008

Hi,

I created a multiple select box wich i would like to have one variable with all the results selected on the multiple select box such as variable_name = "result1|result2|result3"

This is what i have so far:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
oSelect = document.getElementById ('s1');
var iNumSelected = 0;
 
   for (var iCount=0; oSelect.options[iCount]; iCount++) {
        if (oSelect.options[iCount].selected == true) {
            iNumSelected ++;
            alert(oSelect[iCount].value); // this part alerts all the result within the loop
        }
   }
oSelect = document.getElementById ('s1');
var iNumSelected = 0;

   for (var iCount=0; oSelect.options[iCount]; iCount++) {
        if (oSelect.options[iCount].selected == true) {
            iNumSelected ++;
            alert(oSelect[iCount].value); // this part alerts all the result within the loop
        }
   }

Now what i exactly need is to have a variable called "test" outside of the loop wich i have all the selected results separated with an "|", so that when i do alert(test) displays all results as a one result.

Hope someone can help

Thanks

•

Join Date: Jun 2006

Posts: 7,629

Reputation: ~s.o.s~ has much to be proud of

Solved Threads: 468

~s.o.s~

Offline

Failure as a human

Re: Single variable multiple select box

Sep 25th, 2008

Declare a variable 'test' outside the loop and inside the loop append the value of the selected option along with a '|' to `test'. Try it. Did you get the desired result? If no, then why? What seems to be missing here? What do you think needs to be done to make it work the way you expect?

I don't accept change; I don't deserve to live.

•

Join Date: Sep 2008

Posts: 4

Reputation: wipeskim is an unknown quantity at this point

Solved Threads: 0

wipeskim

Offline

Newbie Poster

Re: Single variable multiple select box

Sep 26th, 2008

Hi, thanks for the reply but that's my problem on how to append everything on the variable , on php i usually do $test .= $array_var."|"; and outside the loop i just do echo $test, now how's that done in javascript?

Thanks

•

Join Date: Sep 2008

Posts: 25

Reputation: mohammed2raja is an unknown quantity at this point

Solved Threads: 1

mohammed2raja mohammed2raja is offline

Offline

Light Poster

Re: Single variable multiple select box

Sep 26th, 2008

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
oSelect = document.getElementById ('s1');
var iNumSelected = 0;
var str="";
   for (var iCount=0; oSelect.options[iCount]; iCount++) {
        if (oSelect.options[iCount].selected == true) {
            iNumSelected ++;
            str+= "|" + oSelect.options[iCount].value
        }
   }
alert(str);
oSelect = document.getElementById ('s1');
var iNumSelected = 0;
var str="";
   for (var iCount=0; oSelect.options[iCount]; iCount++) {
        if (oSelect.options[iCount].selected == true) {
            iNumSelected ++;
            str+= "|" + oSelect.options[iCount].value
        }
   }
alert(str);

Last edited by cscgal; Sep 26th, 2008 at 7:39 pm. Reason: Added code tags

•

Join Date: Sep 2008

Posts: 4

Reputation: wipeskim is an unknown quantity at this point

Solved Threads: 0

wipeskim

Offline

Newbie Poster

Re: Single variable multiple select box

Sep 26th, 2008

Hi mohammed thanks for your answer, i tried that but it says object expetcted when i run the script. if i remove str+= to str= it works but it doesn't show all results.

Any alternatives?

•

Join Date: Sep 2008

Posts: 25

Reputation: mohammed2raja is an unknown quantity at this point

Solved Threads: 1

mohammed2raja mohammed2raja is offline

Offline

Light Poster

Re: Single variable multiple select box

Sep 26th, 2008

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script>
function show()
{
	var ss= document.getElementById('s1');
	var len= ss.options.length;
	var str="";
	var j=0;
	for(var i=0;i<len;i++){		
		if(ss.options[i].selected == true)
		{			
		if(j == 0)
			str= ss.options[i].innerHTML;
		else
			str += '|' + ss.options[i].innerHTML;
		j++;
		}
	}
	alert(str);
}
</script>
 
</HEAD>
 
<BODY>
	<select id="s1" size=3 multiple>
		<option> Raja1 </option>
		<option> Raja2 </option>
		<option> Raja3 </option>
		<option> Raja4 </option>
		<option> Raja5 </option>
	</select>
	<div>
	<input type="button" onclick="show();">
	</div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script>
function show()
{
	var ss= document.getElementById('s1');
	var len= ss.options.length;
	var str="";
	var j=0;
	for(var i=0;i<len;i++){		
		if(ss.options[i].selected == true)
		{			
		if(j == 0)
			str= ss.options[i].innerHTML;
		else
			str += '|' + ss.options[i].innerHTML;
		j++;
		}
	}
	alert(str);
}
</script>

</HEAD>

<BODY>
	<select id="s1" size=3 multiple>
		<option> Raja1 </option>
		<option> Raja2 </option>
		<option> Raja3 </option>
		<option> Raja4 </option>
		<option> Raja5 </option>
	</select>
	<div>
	<input type="button" onclick="show();">
	</div>
</BODY>
</HTML>