bootstrap实现下拉框dropdown选中select option 美爆了

https://www.cnblogs.com/zou1234/p/7884053.html#commentform

bootstrap 官网的例子有点坑，它只给你下拉，并且美化了，但你点击下拉却不能选择，这个坎就已经让一大堆人不想用它下拉框了，

但原生的下拉框在每个浏览器长的的不一样，尤其是在ie太丑，好了废话不多说直接上代码；

<div id="addgroups" class="btn-group"><button type="button" data-name="" id="" class="btn btn-default"><i class="fa fa-plus">Add Groups</i></button><div class="btn-group"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id=""><span class="buttonText"><i id="dropdownMenu2" class="fa fa-eye"></i></span><span class="caret"></span></button><ul class="dropdown-menu" role="menu"><li><a href="#" οnclick="shows1($(this).text())"><i class="fa fa-pencil">Full AccessRead</i></a></li><li><a href="#" οnclick="shows1($(this).text())"><i class="fa fa-eye">Read Only</i></a></li><li><a href="#" οnclick="shows1($(this).text())"><i class="fa fa-eye-slash">Deny Access</i></a></li></ul></div></div>

function shows1(a) {if (a=="Full AccessRead"){$("#dropdownMenu2").removeClass();$("#dropdownMenu2").addClass("fa fa-pencil");}else if(a=="Read Only"){$("#dropdownMenu2").removeClass();$("#dropdownMenu2").addClass("fa fa-eye");}else if(a=="Deny Access"){$("#dropdownMenu2").removeClass();$("#dropdownMenu2").addClass("fa fa-eye-slash");}// $('.buttonText').text(a)}

bootstrap实现下拉框dropdown选中select option 美爆了相关推荐

下拉框默认选中select的第一个option
今天遇到了个问题当,表单提交成功后,再次打开表单,下拉框中空的内容还是,上次选的,没有恢复默认, html代码 <form id='addform' name='addform' method= ...
bootstrap动态下拉框默认选中及默认选中第一行
正常动态更改只需要在js中设置被选择的option的selected为true即可,如下: <select class="form-control select" id='s ...
php 下拉框默认选中,select标签设置默认选中的选项方法，select标签
select标签设置默认选中的选项方法,select标签方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. < select id = &qu ...
jquery中如何获取select 下拉框默认选中的值？
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
js怎么给下拉框默认选中
怎么给下拉框默认选中 <select id="shipping" name="node_type" class="valid"> ...
select获取下拉框的值下拉框默认选中
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值例如: <select class="form-control" id=" ...
select下拉框默认选中selected属性不起作用的解决方法 ligerui
select下拉框默认选中selected属性不起作用浏览器-360浏览器系统-win10 框架-ligerui 原先代码: <td align="left" class ...
select 下拉框不可选中
select 下拉框不可选中 disabled属性定义和用法浏览器支持实例业务应用移除disabled属性 disabled属性定义和用法 disabled 属性规定禁用下拉列表.被禁用的 ...
html下拉框怎么默认选中,select获取下拉框的值下拉框默认选中方法
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值例如: 数字1 数字2 $("#numbers option:selected").val( ...

bootstrap实现下拉框dropdown选中select option 美爆了

bootstrap实现下拉框dropdown选中select option 美爆了相关推荐

最新文章

热门文章