DropDown List and TextBox

Written by @kerixa 21 August 2012

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

Code Snippet:

                                                <!-- this script is provided by www.javascriptfreecode.com coded by: Kerixa Inc. -->
<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 -->
<!-- STEP TWO: Put this code into the BODY of your HTML document  -->

<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><textarea name="messageField" rows="5" cols="41" wrap="virtual"></textarea></p>
</body><a target='_blank' href='www.javascriptfreecode.com' style='font-size: 8pt; text-decoration: none'>JavaScript Best Codes</a>                                                


About @kerixa

I am Krishna Eydat. I studied Software Engineering at University of Waterloo in Canada. I lead a few tech companies. I am passionate about the way we are connected. I would like to be part of something big or be the big deal!



Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300

Online Users: 12
Recent Members: Shahmeer, coolcoco7, SmitaPatil25, owoboycute, 092010
advertisement 2