Problem with disabled select

viki1967 · #1 August 27th, 2008, 01:54 PM

Problem with disabled select

Hi all.

I have this form:

Expand|Select|Wrap|Line Numbers

 
<select size="1" name="FRG_FNC">

            <option value="">Select value</option>

            <option value="FRC">FRG</option>

            <option value="FNC">FNC</option>

            <option value="No">No</option>

</select>
 
<select size="1" name="core" onchange="var cc = this.options[this.selectedIndex].value; if(cc=='No')Forum();">          

                  <option value="">Select value</option>

                  <option value="Yes">Yes</option>

                  <option value="No">No</option>

</select>
 
<input type="text" name="code" size="10" readonly value="-"></p>

I need:

1) if value = No in the select name="FRG_FNC" disabled the select name="core" and the input type="text" name="code"

2) if value = No in the select name="FRG_FNC" assign a default value in the select name="FRG_FNC" and the input type="text" name="code"

Can you help me?

gits · #2 August 27th, 2008, 09:28 PM

i'm quite unsure about your 2. point ... you want to select 'NO' in the first select ... the value should be switched to another one? then the point 1 is quite obsolete since you will not need the 'NO'-option there? may be i just don't get it right? ... or you mean the 'core'-select here in point 2.?

kind regards

viki1967 · #3 August 28th, 2008, 07:53 AM

Problem solved thanks; I change the data form
kind regards and thanks x your reply.

gits · #4 August 28th, 2008, 07:57 AM

glad to hear you solved your problem ... may be you could just drop a short note regarding your solution ... just for the users that may find this thread in the future and have a similar problem?

kind regards

viki1967 · #5 August 28th, 2008, 08:31 AM

Quote:

Originally Posted by gits

glad to hear you solved your problem ... may be you could just drop a short note regarding your solution ... just for the users that may find this thread in the future and have a similar problem?

kind regards

Ok, no problem.

Some people won't like me using id values here but I will in this case for simplicity's sake:

Expand|Select|Wrap|Line Numbers

 
<select id="FRG_FNC" size="1" name="FRG_FNC">

            <option value="">Select value</option>

            <option value="FRC">FRG</option>

            <option value="FNC">FNC</option>

            <option value="No">No</option>

</select>
 
<select id="core" size="1" name="core">          

                  <option value="">Select value</option>

                  <option value="Yes">Yes</option>

                  <option value="No">No</option>

</select>
 
<input id="code" type="text" name="code" size="10" readonly value="-"

In an external .js file which you'll link to in the head of your html page write:

Expand|Select|Wrap|Line Numbers

 
window.onload = initSelects;
 
function initSelects()   {

   var sel1 = document.getElementById("FRG_FNC");

   if (sel1)   {

      sel1.onchange = sel1Change;

   }

   var sel2 = document.getElementById("core");

   if (sel2)   {

      sel2.onchange = sel2Change;

   }

}

function sel1Change()   {

   var sel2 = document.getElementById("core");

   var code = document.getElementById("code");

   if (this.selectedIndex === 3)   {

      sel2.selectedIndex = 2;

      sel2.disabled = true;

      code.value = "default";

      code.disabled = true;

   } else   {

      sel2.selectedIndex = 0;

      sel2.disabled = false;

      code.value = "";

      code.disabled = false;     

   }

}

function sel2Change()   {

   var cc = this.options[this.selectedIndex].value;

   if(cc === 'No') Forum();

}

kind regards
viki

gits · #6 August 28th, 2008, 10:08 AM

thanks for sharing your solution :)

kind regards

Problem with disabled select

Popular Articles

What is Bytes?