[solved] Select Box

dudeinmo · by **dudeinmo** on Wed Jan 27, 2010 10:48 pm

Ok, I originally had this in the 1.2 section, but it's a 1.1 question - I've got most the code - I just have to know how to disable an option in a select dropdown and enable that selection in another function. The below code on JSFIDDLE is what I have so far and it works to do what I need.
http://www.jsfiddle.net/F5sD9/4/

All I really need to know is how to disable the Royal option if Long Sleeve is selected. And if short sleeve is reselected the Royal option would show back up.

Line number On/Off | Expand/Contract | Select all

<select class="inputboxattrib" id="Style_field" name="Style419">
  <option value="Short_Sleeve">Short Sleeve</option>
  <option value="Long_Sleeve">Long Sleeve</option>
</select>
 
<select class="inputboxattrib" id="Color_field" name="Color419">
  <option value="Black">Black</option>
  <option value="Charcoal">Charcoal</option>
  <option value="Navy">Navy</option>
  <option value="Raspberry">Raspberry</option>
  <option value="Teal">Teal</option>
  <option value="Kelly">Kelly</option>
  <option value="Red">Red</option>
  <option value="Purple">Purple</option>
  <option value="Orange">Orange</option>
  <option value="Royal">Royal</option>
</select>

Line number On/Off | Expand/Contract | Select all

window.addEvent('domready', function() {
    alert("The DOM is ready.");
    
    $('Style_field').addEvent('change', function(){
       
       myStyle = $('Style_field').value;
       
        if(myStyle == "Long_Sleeve"){
        alert(myStyle);
            
        }else{
        
        }
    });
});

dudeinmo · by **dudeinmo** on Wed Jan 27, 2010 11:37 pm

Solved my own coding problem .. works in 1.1.2 in jsfiddle anyway.

Line number On/Off | Expand/Contract | Select all

window.addEvent('domready', function() {
    alert("The DOM is ready.");
    var royal = $('Color_field').getElement('option[value=Royal]');
    $('Style_field').addEvent('change', function(){
       
        
       myStyle = $('Style_field').value;
       
        
        if(myStyle == "Long_Sleeve"){
            alert(myStyle);
 
            royal.setAttribute('disabled',true);
 
        }else{
        
           royal.removeAttribute('disabled');
        
        }
    });
});

[solved] Select Box

[solved] Select Box

Re: Select Box

Who is online