Optionen ausblenden, mit leeren Werten mit Hilfe von Javascript

Question

ich verwenden, um den PHP-Code Liste der Länder, in einem Auswahlfeld anzuzeigen. i verwendet, um den folgenden PHP-Code die Auswahlbox mit Länderoptionen

$array = get_meta_values('post_location', 'project'); 

echo "<select name='post_location1' id='selection' class='chosen-container chosen-container-single chosen-with-drop chosen-container-active' style='height:30px;width:100%'>"; 

foreach($array as $key => $item) { 

if($item !== NULL){ 

echo "<option value='" . $item . "'>" . $item . "<option>" ; 

    } 
} 

Dieser PHP-Code wie das Markup erstellt anzuzeigen:

<select name="post_location1" id="selection" class="chosen-container chosen-container-single chosen-with-drop chosen-container-active" style="height:30px;width:100%"> 

<option value="Verdi">Verdi</option> 

<option></option> 

<option value="Brampton, on">Brampton, on</option> 

<option></option> 

<option value="Sagan Banquet Hall">Sagan Banquet Hall</option> 

<option></option> 

<option value="Toronto">Toronto</option> 

<option></option> 

<option value="The Manor by Peter and Paul">The Manor by Peter and Paul</option> 

<option></option> 

</select> 

Ich möchte verstecken oder die leeren Optionen zu entfernen, indem Sie Javascript oder Jquery

mit

Answer 1

Du <option> nicht schließen, warum zwei <option> Elemente werden jede Iteration hinzugefügt zu werden: Eine mit der richtigen Attribute und andere leer.

Richtig:

echo "<option value='" . $item . "'>" . $item . "<option>" ; 

An:

echo "<option value='" . $item . "'>" . $item . "</option>" ; 

Ansonsten sieht Code korrekt.

Answer 2

Warum Sie null nicht wie dies überprüfen:

if(is_null($item)){ 
    //code 
} 

wie hier documentation