DropDown List and TextBox
Written by 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 https://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 -->
</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'>JavaScript Best Codes</a>
Example:
Let's stay in touch
Get the latest and greatest javascript codes directly to your mail
TRENDING POST
VISITORS
Online Users:
12
Recent Members:
admin_js, bloxio, yqaice, flooketsu, phuang_test
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!