...

View Full Version : i wish to show/appear and dissappear text box based on a the drop down item selected.



CFstudent
06-15-2007, 06:43 PM
i wish to show/appear and dissappear text box based on a the drop down item selected.

what do i have to add to the code below.? div?


under Comm_DEV
drop down selection.

if CELL_Phone then CELL_Phone text box shows/appears
if pager_device then CELL_Phone text box dissappears.

if email_Address only is selected then pager_device and CELL_Phone dissappears otherwise JOB_email_Address is shown ( even if CELL_Phone or pager_device is selected JOB_email_Address still appears)

Thank you
n
thanks in Adv
<!---------------------------------------------->
the field Comm_DEV gets populated with "E","CE","PE" when it is submit
when selected from the drop down.
<table>
<tr>
<td>Comm_DEV </td>
<td>
<SELECT name="Comm_DEV" size="1">
<OPTION Value = "EM">Please Select</OPTION>
<OPTION Value = "CE" <cfif Comm_DEV is "CE">selected</cfif>>CELL_Phone</OPTION>
<OPTION Value = "EM" <cfif Comm_DEV is "EM">selected</cfif>>email_Address Only</OPTION>
<OPTION Value = "PE" <cfif Comm_DEV is "PE">selected</cfif>>pager_device</OPTION>
</select> <!--------------------------></td>
</tr>
<!------Here are the text boxes to appear or dissapear CELL_Phone and JOB_email_Address-------------------->
<tr>
<td>CELL_Phone</td>
<td><cfoutput>
<cfif NOT len(trim(device_email_Address))><cfset device_email_Address = "@cingularme.com"></cfif>
<input type="Text" name="Device_email_Address" value="#Device_email_Address#" size="40" maxlength="40"> </td>




<td>
<b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">JOBemail_Address</font></b><br>
<cfif not len(trim(JOB_email_Address))><cfset JOB_email_Address = "@balbal.org"></cfif>
<input type="text" name="JOB_email_Address" Value="#JOB_email_Address#" size="40"><br><br>
</cfoutput></td>
</tr>


</table>

glenngv
06-15-2007, 07:14 PM
In short, device address field will only show if "CELL_Phone" is selected, otherwise it will be hidden, right? And job email address is always shown regardless of the selected option?


function showHideField(sel){
var da = document.getElementById("deviceAddr");
da.style.display = (sel.value=="CE") ? "":"none";
}


<SELECT name="Comm_DEV" size="1" onchange="showHideField(this)">
<OPTION Value = "">Please Select</OPTION>
<OPTION Value = "CE" <cfif Comm_DEV is "CE">selected</cfif>>CELL_Phone</OPTION>
<OPTION Value = "EM" <cfif Comm_DEV is "EM">selected</cfif>>email_Address Only</OPTION>
<OPTION Value = "PE" <cfif Comm_DEV is "PE">selected</cfif>>pager_device</OPTION>
</select>
...
<tbody id="deviceAddr">
<tr>
<td>CELL_Phone</td>
<td><cfoutput>
<cfif NOT len(trim(device_email_Address))><cfset device_email_Address = "@cingularme.com"></cfif>
<input type="Text" name="Device_email_Address" value="#Device_email_Address#" size="40" maxlength="40"> </td>
</tr></tbody>
Let me know if my understanding is not correct.

CFstudent
06-20-2007, 07:09 PM
Glenn
does this also work if
also pager should be visible when it is selected otherwise invisble.
do i put this part:


function showHideField(sel){
var da = document.getElementById("deviceAddr");
da.style.display = (sel.value=="CE") ? "":"none";
}


in the head or body?





What happen to the rest of the code like if it was a pager ? selection?

thanks



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum