Textbox hiding while dropdown selection
Written by 6 March 2013
Textbox hiding while dropdown selection
Code Snippet:
<!-- this script is provided by https://www.javascriptfreecode.com coded by: Kerixa Inc. -->
<html>
<head>
<script type="text/javascript">
function changetextbox()
{
if (document.getElementById("mfi_4_a_i").value =="No") {
document.getElementById("sdd").style.display='none';
} else if (document.getElementById("mfi_4_a_i").value =="Yes") {
document.getElementById("sdd").style.background='pink';
}
else{
document.getElementById("sdd").style.display='block';
}
}
</script>
</head>
<body>
<select id="mfi_4_a_i" name="mfi_4_a_i" onChange="changetextbox();">
<option>Yes</option>
<option>No</option>
<option>No, but planning in future</option>
</select>
<textarea name="mfi_4_a_ii" id="sdd" style="border:1px solid black; width:200px;height;30px;" /></textarea>
</body>
</html><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:
AstroAudrey, admin_js, bloxio, yqaice, flooketsu
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!