Show and hide a textfield based on a selectbox

asgsoft · 01-03-2007, 05:26 AM

I am using this JS to show and hide a textbox when the value for the select box changes.

It shows the textbox alright, but when I want to hide it it won't.

Here is what I have:

Code:

function showField(email_div)
{
 var txt = "";
 if(document.form1.type.value = "Banner Impressions")
 {
   txt += "<p>Banner Location:<input type='text' name='bannerloc' value='<?php echo $firstname; ?>' onfocus=\"this.value='';\" /></p>";
 document.getElementById(email_div).innerHTML = txt;
 }
 else
 {
 txt = null;
  document.getElementById(email_div).innerHTML = nill;
 }

}

Where have I gone wrong?

Matthew. · 01-03-2007, 05:37 AM

Hi asgsoft. Can i assume email_div is the layer you wish to hide?

Technically you are not hiding anything here, in affect you are you are removing it. Remember that is is null not nill btw

PHP Code:

 
function showField(email_div)

{

    if(document.form1.type.value = "Banner Impressions")

    {

          var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="<?php echo $firstname; ?>" onfocus="this.value=\'\';" /></p>';

        document.getElementById(email_div).innerHTML = txt;

     }

     else

     {

          document.getElementById(email_div).innerHTML = null;

????: NamePros.com http://www.namepros.com/programming/276316-show-and-hide-textfield-based-selectbox.html
          /*     This line would actually *hide* the div instead of erasing the contents 

          @    document.getElementById(email_div).style.display = 'none';

          */

     }

}

Try that. If not can your provide an example of how you are using this please.

asgsoft · 01-03-2007, 05:40 AM

It still doesn't hide the div.

Matthew. · 01-03-2007, 05:51 AM

Originally Posted by Matthew.

Try that. If not can your provide an example of how you are using this please.

beaver6813 · 01-03-2007, 06:07 AM

Code:

function showField(email_div) 
{ 
    if(document.form1.type.value = "Banner Impressions") 
    { 
          var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="<?php echo $firstname; ?>" onfocus="this.value=\'\';" /></p>'; 
        document.getElementById(email_div).innerHTML = txt; 
        document.getElementById(email_div).style.display = 'block';
     } 
     else 
     { 
          document.getElementById(email_div).style.display = 'none';
     } 
}

If the value is Banner impressions it will fill email_div with the txt and make the div display and show. If it isn't then the div will not display and will be hidden.

asgsoft · 01-03-2007, 06:28 AM

Still doesn't work.

Here is a link http://asgsoft.net/form/form.php

Matthew. · 01-03-2007, 06:41 AM

Right that helped

Look at your option again:

Code:

<option value="banner">Banner Impressions</option>

See the value is actually banner not Banner Impressions, so we change this line:

Code:

if(document.form1.type.value = "Banner Impressions")

To:

Code:

if(document.form1.type.value == "banner")

(also note the == which we both missed)

PHP Code:

  function showField(email_div) 

????: NamePros.com http://www.namepros.com/showthread.php?t=276316
{ 

    if(document.form1.type.value == "banner") 

    { 

          var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="" onfocus="this.value=\'\';" /></p>'; 

????: NamePros.com http://www.namepros.com/showthread.php?t=276316
        document.getElementById(email_div).innerHTML = txt; 

        document.getElementById(email_div).style.display = 'block';

     } 

     else 

     { 

          document.getElementById(email_div).style.display = 'none';

     } 

}

asgsoft · 01-03-2007, 08:41 AM

thanks a lot. That's fixed now.

Can you have a look at the price section?

http://asgsoft.net/form/form.php

It should make the price change, it only works when i have one price set, when I have all of them then it doesn't work.

Where have i gone wrong?

01-03-2007, 05:26 AM	THREAD STARTER #1 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 881	Show and hide a textfield based on a selectbox I am using this JS to show and hide a textbox when the value for the select box changes. It shows the textbox alright, but when I want to hide it it won't. Here is what I have: Code: function showField(email_div) { var txt = ""; if(document.form1.type.value = "Banner Impressions") { txt += "<p>Banner Location:<input type='text' name='bannerloc' value='<?php echo $firstname; ?>' onfocus=\"this.value='';\" /></p>"; document.getElementById(email_div).innerHTML = txt; } else { txt = null; document.getElementById(email_div).innerHTML = nill; } } Where have I gone wrong? __________________ Free SEO and Domain tools \|HTML ENT\| Your Source to expired domains with PageRank & tips

01-03-2007, 05:37 AM	#2 (permalink)
Matthew. Senior Member Join Date: Dec 2006 Location: England Posts: 1,568	Hi asgsoft. Can i assume email_div is the layer you wish to hide? Technically you are not hiding anything here, in affect you are you are removing it. Remember that is is null not nill btw PHP Code: function showField(email_div) { if(document.form1.type.value = "Banner Impressions") { var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="<?php echo $firstname; ?>" onfocus="this.value=\'\';" /></p>'; document.getElementById(email_div).innerHTML = txt; } else { document.getElementById(email_div).innerHTML = null; ????: NamePros.com http://www.namepros.com/programming/276316-show-and-hide-textfield-based-selectbox.html /* This line would actually hide the div instead of erasing the contents @ document.getElementById(email_div).style.display = 'none'; */ } } Try that. If not can your provide an example of how you are using this please. __________________ University Grade Calculator juegosjuegos Your Hotel in Austria Matratzen

01-03-2007, 05:40 AM	THREAD STARTER #3 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 881	It still doesn't hide the div. __________________ Free SEO and Domain tools \|HTML ENT\| Your Source to expired domains with PageRank & tips

01-03-2007, 06:28 AM	THREAD STARTER #6 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 881	Still doesn't work. Here is a link http://asgsoft.net/form/form.php __________________ Free SEO and Domain tools \|HTML ENT\| Your Source to expired domains with PageRank & tips

01-03-2007, 06:41 AM	#7 (permalink)
Matthew. Senior Member Join Date: Dec 2006 Location: England Posts: 1,568	Right that helped Look at your option again: Code: <option value="banner">Banner Impressions</option> See the value is actually banner not Banner Impressions, so we change this line: Code: if(document.form1.type.value = "Banner Impressions") To: Code: if(document.form1.type.value == "banner") (also note the == which we both missed) PHP Code: function showField(email_div) ????: NamePros.com http://www.namepros.com/showthread.php?t=276316 { if(document.form1.type.value == "banner") { var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="" onfocus="this.value=\'\';" /></p>'; ????: NamePros.com http://www.namepros.com/showthread.php?t=276316 document.getElementById(email_div).innerHTML = txt; document.getElementById(email_div).style.display = 'block'; } else { document.getElementById(email_div).style.display = 'none'; } } __________________ University Grade Calculator juegosjuegos Your Hotel in Austria Matratzen

01-03-2007, 08:41 AM	THREAD STARTER #8 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 881	thanks a lot. That's fixed now. Can you have a look at the price section? http://asgsoft.net/form/form.php It should make the price change, it only works when i have one price set, when I have all of them then it doesn't work. Where have i gone wrong? __________________ Free SEO and Domain tools \|HTML ENT\| Your Source to expired domains with PageRank & tips Last edited by asgsoft; 01-03-2007 at 09:00 AM.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)