Javascript Code: DropDown List and TextBox

This is drop down List. When You choose an Item, the information which is related to it will be shown in the text box.

<!-- this script got from www.javascriptfreecode.com - Coded by: Krishna Eydat -->


<script LANGUAGE="JavaScript">

<!-- Begin	   
var messages = new Array(6); 
messages[0] = "";
messages[1] = "javascriptfreecode is a cool java site";
messages[2] = "Can you imagine how you could use it on your site?";	   
messages[3] = "It's great for sharing lots of information.";
messages[4] = "And doesn't take up much space! ";
messages[5] = "So, get the code and put it on your site!";
function messageReveal() {
var messageindex = document.messageForm.messagePick.selectedIndex
document.messageForm.messageField.value = messages[messageindex];
}
// End -->
</script>
<!-- STEP TWO: Put this code into the BODY of your HTML document  -->
<body>

<center>
<form name="messageForm">
  <p><select name="messagePick" OnChange="messageReveal()">
  <option value="0">The Menu Message</option>
  <option>SONY CARD 20</option>
  <option>Possible uses?</option>
  <option>Shares Information</option>
  <option>Saves space</option>
  <option>Get the code!</option>
  </select> <br>
  </p>
  <p><textarea name="messageField" rows="5" cols="41" wrap="virtual"></textarea></p>
</form>
</center>
</body>
<a target="_blank" href="https://www.javascriptfreecode.com/" style="font-size: 8pt; text-decoration: none;font-family:Tahoma">Javascript Free Code</a>

If you don't know how to use this code or need more information Click here!

Compatible browsers:

Tags: text, textbox, dropdown, list

Javascript Best Codes

Javascript Code: DropDown List and TextBox

Links