Javascript 引导下拉列表中的默认选择
我使用的是引导下拉列表,需要将第一个选项作为默认选项。下面的方法不起作用Javascript 引导下拉列表中的默认选择,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,我使用的是引导下拉列表,需要将第一个选项作为默认选项。下面的方法不起作用 <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
<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>
选定的属性仅在元素中有效。不幸的是,它在列表中不起作用 我相信你想要的是:
<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>
试试这个:
$(document).ready(function() {
$(".dropdown .dropdown-menu li a")[0].click();
});
这将始终选择您的第一个li尝试以下操作:请参见此处的答案谢谢。看来这是最好的选择。我使用了下面的css样式来接近引导:但这并没有解决问题。
<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>