Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 3439

Oct 15th, 2009

-1

Select Box Updates DIV on the page

Expand Post »

I have a select box with information about people in it. When you click on their name in the select box, I'm trying to display information (Name, Address, Height, Weight) about them inside of a <div>. Here is what I have so far:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<form>
 
<SELECT NAME="list1" MULTIPLE SIZE=20  class="set_width" id='developer'>
 
 
   <option value=43>John Doe  </option>
   <option value=42>Jane Doe </option>
   <option value=38>Bob Smith </option>
 
	</SELECT>
</form>
 
<div id="output">
 
	</div>
<form>

<SELECT NAME="list1" MULTIPLE SIZE=20  class="set_width" id='developer'>
    
    
   <option value=43>John Doe  </option>
   <option value=42>Jane Doe </option>
   <option value=38>Bob Smith </option>

	</SELECT>
</form>

<div id="output">
		
	</div>

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<script type="text/javascript">
	$(document).ready(function(){
 
		$("#developer").change(onSelectChange);
 
	});
 
	function onSelectChange(){
		var selected = $("#developer option:selected");		
		var output = "";
		if(selected.val() != 0){
			output = "You Selected " + selected.text();
		}
		$("#output").html(output);
	}
	</script>
<script type="text/javascript">
	$(document).ready(function(){
		
		$("#developer").change(onSelectChange);
		
	});

	function onSelectChange(){
		var selected = $("#developer option:selected");		
		var output = "";
		if(selected.val() != 0){
			output = "You Selected " + selected.text();
		}
		$("#output").html(output);
	}
	</script>

Now, what I am thinking is that I need to use selected.val() to pull the value (we'll call it id)of each person and have that id correspond with a row in an array. That row contains all of the information that I need.

Does this make sense? How would I go about doing something like this? Any suggestions would be appreciated.

I just realized that I posted this in the wrong java forum. If someone would move it that would be great.

Last edited by sops21; Oct 15th, 2009 at 6:37 pm. Reason: Posted in wrong forum.

Similar Threads

sops21

Reputation Points: 10

Solved Threads: 5

Newbie Poster

Offline

16 posts
since Oct 2009

Permalink

Oct 15th, 2009

-1

Re: Select Box Updates DIV on the page

Java and JavaScript are not the same thing. Java is product of Sun Microsystems where JavaScript is product of Netscape. Java is an programming language, JavaScript is obviously scripting language.
Request to move post to correct section already sent.

Last edited by peter_budo; Oct 15th, 2009 at 6:39 pm.

peter_budo

Moderator

Featured Poster

Reputation Points: 2786

Solved Threads: 874

Code tags enforcer

Offline

6,658 posts
since Dec 2004

Permalink

Oct 15th, 2009

Re: Select Box Updates DIV on the page

Thanks for putting in the request. I noticed it was in the wrong forum as soon as I posted it. Sorry.

sops21

Reputation Points: 10

Solved Threads: 5

Newbie Poster

Offline

16 posts
since Oct 2009

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: Form without action "imitate" of other Form (which do have action) ???

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: can i get this php code in javascript??

DaniWeb Message

Cancel Changes

User Name
Password