Hide div basierend auf Wert der Auswahlbox

Question

Ich habe eine Auswahl Dropdown mit einer Liste von Servern mit verschiedenen Arten von Verschlüsselung.

Momentan kann ich den Verschlüsselungstyp der aktuell gewählten Option in einem Label anzeigen (id = "type"), aber ich möchte auch ein div (#secure) verbergen, wenn encryption = none.

Ich habe versucht, if x = none; $("#secure").hide() zu dem myFunction-Skript hinzuzufügen, aber das stoppt das Dropdown-Popup, ich bin mir nicht sicher, wo ich falsch liege.

Also im Grunde, was ich erreichen möchte, ist, wenn x = keine, verstecken Div. Danke im Voraus.

function myFunction() { 
 
    var x = document.getElementById("encryption").value; 
 
    document.getElementById("type").innerHTML = "Encryption type: " + x; 
 
}

<select class="browser-default" id="servers" name="servers" onchange="myFunction()" </select> 
 
<p id="type"></p> 
 

 
<div class="secure"> This server is secure </div>

Answer 1

= ist ein Zuweisungsoperator. Sie möchten == zum Vergleich verwenden:

if (x == 'none') { 
    $("#secure").hide(); 
} 

Answer 2

Also die Frage ist, wenn keine Zeichenfolge oder was?

function myFunction() { 
    var x = document.getElementById("encryption").value; 
    document.getElementById("type").innerHTML = "Encryption type: " + x; 
    if(x === "none") <--- pay attention here if none is really a string 
    { 
    document.getElementById("secure").style.display = "none"; <-- this actually hides the element. 
    } 
}