Einfach, wenn/sonst klicken Sie auf Funktion

Question

Ich versuche hinzufügen, wenn else Anweisung zu unter Funktion.

Die Else-Anweisung enthält den folgenden Code, sodass color_update nicht nur ausgeblendet, sondern auch deaktiviert wird, wenn auf die Schaltfläche nicht geklickt wird.

$("#color_update").prop('disabled', true); 

Dies ist der Code-Funktion:

JS

function open(elem) { 
    if (document.createEvent) { 
     var e = document.createEvent("MouseEvents"); 
     e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 
     elem[0].dispatchEvent(e); 
    } else if (element.fireEvent) { 
     elem[0].fireEvent("onmousedown"); 
    } 
} 

$(document).ready(function(){ 

    $('#update').click(function(event){ 
     event.preventDefault(); 
     event.stopImmediatePropagation(); 
     $('#color_update').addClass("show").focus(); 
     open($('#color_update')); 
     $("#color").prop('disabled', true); 

    }); 

CSS

#color_update { 
display: none; 
} 

HTML

<select id="color"> 
     <option value="Red">Red</option> 
     <option value="Green">Green</option> 
     <option value="Blue">Blue</option> 
    </select> 

    <input type="button" id="update" value="Update" /> 

    <select id="color_update"> 
     <option value="Red">Black</option> 
     <option value="Green">Purple</option> 
     <option value="Blue">White</option> 
    </select> 

Bitte führen Sie mich. Vielen Dank.

Answer 1

Von was ich verstehen konnte, möchten Sie eines der beiden Auswahlelemente auf den Klick der Schaltfläche deaktivieren/aktivieren. Hier ist die fiddle für die gleiche

Im Wesentlichen können wir die disabled Eigenschaft entweder des select-Elements als entscheidender Faktor

$("#color_update").prop('disabled', true); // Disable the select box initially 
    $("#color_update").hide(); // Also hide it 

    $('#update').click(function() { 
     if ($('#color_update').prop('disabled') == true) { // We check the 'disabled' property to determine our next step 

     // The button is now disabled, we need to enable it and hide the #color select 
     $("#color_update").prop('disabled', false); 
     $("#color").prop('disabled', true); 

     // We can now show and hide the respective select elements 
     $("#color_update").show(); 
     $("#color").hide(); 
     } else { // We can now handle the other case 
     $("#color_update").prop('disabled', true); 
     $("#color").prop('disabled', false); 

     $("#color_update").hide(); 
     $("#color").show(); 
     } 
    }); 

Verwenden Sie lassen Sie mich wissen, wenn Sie etwas brauchen, sonst

EDIT : Aktualisiert den jsFiddle Link