i wish to show/appear and dissappear text box based on a the drop down item selected

[coldfusionstudent]

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

what do i have to add?

thanks


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>

[coldfusionstudent]

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

what do i have to add to this 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>

[r035198x]

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

what do i have to add to this 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>

if you have an element with id called 'hideMe'', you can hide it using the code

 
document.getElementById("hideMe").style.display = 'none';
 

Now go for it and post if you get any problems.

[gits]

hi ... try to play with the following:

[HTML]
<script type="text/javascript">

// this function gets the selected VALUE and matches it with the start
// of the ids of a span-element that contains the label and inputfield

function toggle_box_display(val) {
var box_container = document.getElementById('input_boxes');
var box_list = box_container.getElementsByTagName('span');
var re = new RegExp('^' + val);

for (var i = 0; i < box_list.length; i++) {
var item = box_list[i];

item.style.display = re.test(item.id) ? 'block' : 'none';
}
}

</script>

<table>
<tr>
<td>Comm_DEV

<select name="Comm_DEV" size="1" onchange="toggle_box_display(this.options[this.selectedIndex].value)">
<option value = "_" selected>Please Select</option>
<option value = "CE">CELL_Phone</option>
<option value = "EM">email_Address Only</option>
<option value = "PE">pager_device</option>
</select>

</td>
</tr>
<!------Here are the text boxes to appear or dissapear CELL_Phone and JOB_email_Address-------------------->
<tr id="input_boxes">
<td>
<cfoutput>
<cfif NOT len(trim(device_email_Address))><cfset device_email_Address = "@cingularme.com"></cfif>
<span id="CE_cell_phone" style="display: none;">
CELL_Phone
<input type="Text" name="Device_email_Address" value="#Device_email_Address#" size="40" maxlength="40">
</span>
<span id="EM_job_email" style="display: none;">
<b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">JOBemail_Address</font></b>

<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>
</span>
</cfoutput>
</td>
</tr>
</table>
[/HTML]

i slightly had to adapt your html-layout for our purpose ... because its not good to use a table-layout here ... you would always show the fields in there cols and i think you probably will like the changed layout ... that shows the fields at ONE place ... if you need the table then you should adapt the code for you ;)

hope this helps ... and kind regards

[acoder]

You posted one thread in the Coldfusion forum, but you also posted here in the Javascript forum. I've merged the two threads.