Latest posts from topic “[solved] Select Box” Latest posts from topic “[solved] Select Box” on “mooforum”. 2010-01-27T14:48:46Z http://www.mooforum.net/viewtopic.php?f=16&t=2832 Re: Select Box http://www.mooforum.net/viewtopic.php?f=16&p=10325#p10325 dudeinmo 2010-01-27T15:37:47Z 2010-01-27T15:37:47Z
Solved my own coding problem .. works in 1.1.2 in jsfiddle anyway.

Line number On/Off | Expand/Contract | Select all
  1. window.addEvent('domready', function() {
  2. alert("The DOM is ready.");
  3. var royal = $('Color_field').getElement('option[value=Royal]');
  4. $('Style_field').addEvent('change', function(){
  7. myStyle = $('Style_field').value;
  10. if(myStyle == "Long_Sleeve"){
  11. alert(myStyle);
  13. royal.setAttribute('disabled',true);
  15. }else{
  17. royal.removeAttribute('disabled');
  19. }
  20. });
  21. });
 [solved] Select Box http://www.mooforum.net/viewtopic.php?f=16&p=10324#p10324 dudeinmo 2010-01-27T14:48:46Z 2010-01-27T14:48:46Z
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
  1. <select class="inputboxattrib" id="Style_field" name="Style419">
  2. <option value="Short_Sleeve">Short Sleeve</option>
  3. <option value="Long_Sleeve">Long Sleeve</option>
  4. </select>
  6. <select class="inputboxattrib" id="Color_field" name="Color419">
  7. <option value="Black">Black</option>
  8. <option value="Charcoal">Charcoal</option>
  9. <option value="Navy">Navy</option>
  10. <option value="Raspberry">Raspberry</option>
  11. <option value="Teal">Teal</option>
  12. <option value="Kelly">Kelly</option>
  13. <option value="Red">Red</option>
  14. <option value="Purple">Purple</option>
  15. <option value="Orange">Orange</option>
  16. <option value="Royal">Royal</option>
  17. </select>


Line number On/Off | Expand/Contract | Select all
  1. window.addEvent('domready', function() {
  2. alert("The DOM is ready.");
  4. $('Style_field').addEvent('change', function(){
  7. myStyle = $('Style_field').value;
  10. if(myStyle == "Long_Sleeve"){
  11. alert(myStyle);
  15. }else{
  19. }
  20. });
  21. });