2016-04-26 98 views
0

我在bootstrap v4的下拉列表中放入了一个select。它在桌面上运行良好;但是,在移动设备上,选择选项不会显示。我所尝试的一切似乎都离不开桌面工作和移动。非常感谢。谢谢。在bootstrap v4下拉列表中选择

<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> 

回答

0

获得选择的值

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

获取所选文本

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

很抱歉,但我认为你犯了一个错误,获取所选文本: $('#gridSize>选项:选择了“)文本(); 我不明白为什么这是这个问题的答案... – Loenix