Problem with disabled select

[viki1967]

Problem with disabled select

Hi all.

I have this form:

<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]

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:

<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:

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