Problem with disabled select

viki1967

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

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

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

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

viki1967

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

thanks for sharing your solution :)

kind regards

Problem with disabled select

re: Problem with disabled select

re: Problem with disabled select

re: Problem with disabled select

re: Problem with disabled select

re: Problem with disabled select

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about