[英]Default selection in bootstrap dropdown
我正在使用引導程序下拉菜單,並且需要將第一個選項作為默認值。 以下不起作用。
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
CHOOSE FEATURE
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li selected="selected"><a>Feature 1</a></li>
<li><a>Feature 2</a></li>
<li><a>Feature 3</a></li>
<li><a>Feature 4</a></li>
<li><a>Feature 5</a></li>
<li><a>Feature 6</a></li>
</ul>
不幸的是,我不相信您能夠使用傳統的引導下拉菜單實現這種效果。
與傳統的 HTML“選擇”不同,引導下拉菜單通常用於將一系列鏈接分組到標題下。 當您單擊一個菜單項時,它不會被選中,而是通常會執行一個操作。
我建議只使用簡單的 HTML 選擇,但從引導 CSS 庫中借用樣式,使其看起來一致。 類似的東西:
<select class="bootstrap-select">
<option value="1" selected="selected">Feature 1</option>
<option value="2">Feature 2</option>
<option value="3">Feature 3</option>
<option value="4">Feature 4</option>
</select>
試試這個:
$(document).ready(function() {
$(".dropdown .dropdown-menu li a")[0].click();
});
這將始終選擇您的第一個li
屬性“selected”僅適用於<select>
元素。 不幸的是,它在列表中不起作用。
我相信你想要的是:
<select class="form-control" name="features">
<option value="" selected>Feature 1</option>
<option value="">Feature 2</option>
<option value="">Feature 3</option>
<option value="">Feature 4</option>
<option value="">Feature 5</option>
<option value="">Feature 6</option>
</select>
<div class="btn-group">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
<div class="dropdown-menu">
<?php //your loop start here{ ?>
<a id="some_id" class="dropdown-item" href="#"> <?php echo $yourvalue ?> </a>
<?php //your loop end here } ?>
</div>
</div>
.....
</html>
<script>
$(document).ready(function() {
$("#some_id")[0].click();
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.