bootstrap select 下拉框没选择

情况:根据取得的值去选定select下拉框的选项。但不知为何每次根据select的id传递值过去了,也能取得对应的值,但是页面上的select依然是下拉框第一个选项,但点击下拉框时,会在对应的值有特殊css(选中标志),即改变了值,却没改变现实的值。
原因:设置select的选中的option,并没有修改对应的span的值跟title。
<span class="select2-selection__rendered" id="select2-字段ID-container" title="第一个选项">第一个选项</span>
解决:在修改select的option的同时也修改相应的span的值跟title
$("#字段ID").val(row.字段属性);
$("#select2-字段ID-container").html(row.字段属性);
$("#select2-字段ID-container").attr("title",row.字段属性);

原文地址:http://blog.51cto.com/13588844/2160103

时间: 2024-10-06 18:34:36

bootstrap select 下拉框没选择的相关文章

jQuery插件实现select下拉框左右选择_交换内容(multiselect2side)

效果图: 使用jQuery插件---multiselect2side做法: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&

bootstrap select下拉框模糊搜索和动态绑定数据解决方法

此方法适合后台一次性返回所有数据好了废话不多说直接上代码: <!DOCTYPE html><html><head> <title>Bootstrap-select test page</title> <meta charset="utf-8"> //代码自己下载 <link rel="stylesheet" href="http://www.jq22.com/jquery/boo

Bootstrap Flat UI的select下拉框显示问题解决

bootstrap中文网(http://www.bootcss.com/)里推荐项目有Flat UI(http://www.bootcss.com/p/flat-ui/),非常漂亮,而且少有的竟然具有select下拉框. 我直接打开example(Flat-UI-master/docs/examples/select.html)都是可以的,但是放到我的网站里则不行. 使用chrome调试经过分析,原因是: $('[data-toggle="select"]').select2(); 这

点击select下拉框获取option的属性值

select下拉框作为前端开发者应该是经常使用的,最近在项目中遇到这样的情况,点击下拉框选项,需要获取所点击的option的属性值,当时想很简单啊,给option加一个点击事件不就行了,然后就加了一下,结果一运行悲催了,怎么点击option事件就是不会执行.这是为什么呢,刚开始也不懂,之前没遇到过这样的需求,后来经过学习,才恍然大悟,原来select option没有点击事件,要想获得所选option的属性值,需要通过jquery的change()方法来获取,下面通过代码解释一下,代码如下: <

发送消息,修改其他程序的下拉框的选择

发送消息,修改其他程序的下拉框的选择. 先说结论 public void SelectItem(int index) { COMBOBOXINFO cbi = new COMBOBOXINFO(); cbi.cbSize = System.Runtime.InteropServices.Marshal.SizeOf(cbi); if (User32.GetComboBoxInfo(Wnd, ref cbi)) { User32.SendMessage(Wnd, ComboBoxMsg.CB_SE

select下拉框使用完毕后,重置按钮使其清空

需求描述:select下拉框后边有两个按钮,一个查询,一个重置,点击重置,select会清空之前选择的那个查询条件 解决思路:卧槽,这不so easy 么,用那个jQ封装的trigger函数搞定啊,对select赋个null的值,我真是个人才,哈哈哈哈哈哈哈嗝(仿佛听到了一群人在说MDZZ~~~),好了,上代码 代码: <button class="btn sbold green" id="resetBut" name="resetBut"

vue 运用ElementUI,做select下拉框回显

第一.加载的顺序,应该先加载下拉框要选择的数据,然后在通过编辑查询数据后回显. 第二.要保证select下拉的ID和v-model里边的id保持一致. 第三.elementUI就会自动的将数据回显了. 一下是截图:

jQuery制作简洁的多级联动Select下拉框

今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多.另外,这个Select下拉框也可以绑定下拉事件,并获取当前选中项的值. html代码: <div class="wrap">        <div class="nice-select" name="nice-select">   

模拟select下拉框之多选(数据源采用模拟Ajax数据--原创)

最近需要一个下拉多选,本来想偷懒的,所以在网上百度了一番,最终还是发现没有一个符合自己要求的,所以我自己写了一个插件.下面是GIF动态效果图展示 相信大家已经看到效果了,接下来就是我的代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模拟select下拉框之多选</title> <style