Wählen Sie im Bootstrap v4 Drop-down

Question

Ich legte eine Auswahl in einem Dropdown-Bootstrap v4. Es funktioniert gut auf dem Desktop; Auf Mobilgeräten werden die Auswahloptionen jedoch nicht angezeigt. Alles, was ich versuche, scheint den Desktop nicht funktionieren zu lassen. Hilfe sehr geschätzt. Vielen Dank.

<div class="dropdown"> 
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Dropdown 
    </button> 
    <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
    <span class="dropdown-item" ><input type="text"/></span> 
    <span class="dropdown-item" > 
     <!--<span>Grid Size</span>--> 
     <select class="c-select" style="width: 50%" id="gridSize"> 
     <option>Grid Size</option> 
     <option value="1">One</option> 
     <option value="2">Two</option> 
     <option value="3">Three</option> 
     </select> 
    </span> 
    <a class="dropdown-item" href="#">Something else here</a> 
    </div> 
</div> 

Answer 1

Wert ausgewählt werden

$('#gridSize').val(); 

$('#gridSize:selected').text();