Help with dropdown menus in JavaScript!

Asked By Shaider 0 points N/A Posted on - 07/14/2011

I recently got a problem with my JavaScript. I couldn't get the value of the dropdown boxes if the value is one of the alphabet letters. How do I get the value of dropdown boxes and output it into a text box. I tried to get the value directly but it only works with a message box.

• Status: Open
• Question Views: 1165
• Answer Count: 2
• Vote Up 0 Vote Down

• Answer Accepted: Yes
• Question Category: JavaScript

Best Answer by brzbee

Go To Solution

Best Answer

Best Answer

Answered By brzbee 5 points N/A #82698

Help with dropdown menus in JavaScript!

Hi!

To get the selected item from your dropdown box :

document.getElementById("dropdownlistname").value;

To catch the value of the selected item to the textbox:

document.getElementById("txtboxname").value = document.getElementById("dropdownlistname").value;

Will share to you my sample code:

 

<script type="text/JavaScript">

function getValue(){

document.getElementById("txtboxname").value = document.getElementById("dropdownlistname").value;

}</script>

 

<select name="dropdownlistname" id="dropdownlistname" onchange="getValue()">

<option value="a">a</option>

<option value="b">b</option>

<option value="c">c</option>

</select>

 

<input type="text" name="txtboxname" id="txtboxname">

About brzbee

Questions
0

Answers
2

Best Answers
1

• Vote Up 0 Vote Down

• Posted on - 07/16/2011
• Question Category: JavaScript

Answered By Garreth Krosner 0 points N/A #82699

Help with dropdown menus in JavaScript!

Good day,

Here is a script that can solve your problem. Just follow the data inside the image.

Insert the codes in the heads per heads as tags.

// Copyright 2006-2007 javascript-array.com

vartimeout = 500;

varclosetimer = 0;

varddmenuitem = 0;

// open hidden layer

functionmopen(id)

{

// cancel close timer

mcancelclosetime();

// close old layer

if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

// get new layer and show it

ddmenuitem = document.getElementById(id);

ddmenuitem.style.visibility = 'visible';

}

// close showed layer

functionmclose()

{

if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

}

// go close timer

functionmclosetime()

{

closetimer = window.setTimeout(mclose, timeout);

}

// cancel close timer

functionmcancelclosetime()

{

if(closetimer)

{

window.clearTimeout(closetimer);

closetimer = null;

}

}

// close layer when click-out

document.onclick = mclose;

 

About Garreth Krosner

Questions
0

Answers
10

Best Answers
4

• Vote Up 0 Vote Down

• Posted on - 07/18/2011
• Question Category: JavaScript