Ad:

JavaScript / DHTML / AJAX Discussion Thread
Marked Solved
Views: 8430

Sep 25th, 2008

Single variable multiple select box

Expand Post »

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:

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

Similar Threads

An introduction to Test Driven Development in Computer Science
not-a-virusadware in Viruses, Spyware and other Nasties
Set Performance Options in Windows XP in Windows tips 'n' tweaks

wipeskim

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Sep 2008

Permalink

Sep 25th, 2008

Re: Single variable multiple select box

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?

~s.o.s~

Super Moderator

Featured Poster

Reputation Points: 3233

Solved Threads: 719

Failure as a human

Offline

8,871 posts
since Jun 2006

Permalink

Sep 26th, 2008

Re: Single variable multiple select box

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

wipeskim

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Sep 2008

Permalink

Sep 26th, 2008

Re: Single variable multiple select box

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

mohammed2raja

Reputation Points: 10

Solved Threads: 2

Light Poster

Offline

30 posts
since Sep 2008

Permalink

Sep 26th, 2008

Re: Single variable multiple select box

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?

wipeskim

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Sep 2008

Permalink

Sep 26th, 2008

Re: Single variable multiple select box

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>

I think this can help u.

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

mohammed2raja

Reputation Points: 10

Solved Threads: 2

Light Poster

Offline

30 posts
since Sep 2008

Permalink

Sep 26th, 2008

Re: Single variable multiple select box

thanks mohammed2raja it works perfectly many thanks!!

wipeskim

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Sep 2008

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: image as link

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Drop Down Menu with Sucker Fish

DaniWeb Message

Cancel Changes

User Name
Password