None of the above, add extra textfield

**brain** · May 25, 2004, 13:37

I have a dropdown, let's say like:
<select name="city">
<option value="1">amsterdam</option>
<option value="2">london</option>
<option value="3">paris</option>
<option value="4">berlin</option>
<option value="none">none of the above</option>
</select>

How can I achieve that if "none of the above" is selected a new textfield with the same name shows up where a new city can be filled in ?

**adios** · May 25, 2004, 20:01

Code:

<html>
<head>
<style type="text/css">

#other {
    visibility: hidden; 
}

</style>
<script type="text/javascript">

function select_onchange(oSelect, oText)
{
    var selval = oSelect.options[oSelect.selectedIndex].value;
    var bWhich = (selval == 'other')
    oText.style.visibility = (bWhich) ? 'visible' : 'hidden';
    oText.disabled = !bWhich;
    if (bWhich)
         oText.focus();
}

</script>
</head>
<body>
<form>
<select name="city" onchange="return select_onchange(this,other)">
<option value="">- choose city -</option>
<option value="1">amsterdam</option>
<option value="2">london</option>
<option value="3">paris</option>
<option value="4">berlin</option>
<option value="other">other</option>
</select>
<input id="other" type="text" name="other" value="" disabled="disabled" />
</form>
</body>
</html>

**brain** · May 25, 2004, 22:04

Thanx, it works like a charm.
Do you know for which browserversions it is compatible

The SitePoint Forums have moved.

User Tag List

Thread: None of the above, add extra textfield

Thread Tools

Display

None of the above, add extra textfield

Bookmarks

Bookmarks

Posting Permissions