This is similar one explained as above
<script type="text/javascript">
function displaytxtbox(x)
{
var displaytxtbox="txtbox"+x;
var displaytxtbox=document.all(displaytxtbox);
displaytxtbox.style.display="";
}
function removelist(x)
{
var removelist="list"+x;
var useremovelist = removelist;
var removelist=document.all(removelist);
removelist.style.display="none";
}
function zipcode(a)
{
if (a == "new") {
removelist(1);
displaytxtbox(1);
document.OrganizationForm.zip_code.value='';
}
}
</script>
<form name="OrganizationForm">
<input type="text" name="zip_code" size="4" id="txtbox1" style="display: none;">
<select name="choose_zip_code" id="list1" onChange="zipcode(this.form.choose_zip_code.value) ;return true;">
<option value="60601">60601</option>
<option value="77777">77777</option>
<option value="new">new</option>
</select>
</form>
If a user selects an existing zip code from the drop-down list, the selection just gets highlighted as normal. If they're zip code isn't listed and they click "new", the drop-down list disappears and a blank input box appears in it's place.
Gokulan Ethiraj
|