js中如何设置下拉框不能点击 js下拉选项框

bootstrap怎么设置下拉菜单不点击改成鼠标悬停直接显示下拉菜单

1、添加data-hover=dropdown到标签中，如果已经使用Bootstrap，可以替换Bootstrap的data-toggle=dropdown。可以通过数据属性设置选项，也可以通过data-delay和data-close-others来设置选项。

2、当使用方法去触发时，其中 dropdown(toggle) 和想象中的不一样，只能触发显示，不能隐藏，并且位置还有所偏移。所以，我用了jQuery方法中的 toggle()；也能正常。但是，dropdown身上的一些事件用不了。

3、最简单的办法，找一个插件，比如bootstrap和jQuery，很简单的就能实现楼主想要的效果。下面是Demo代码，原生开发和基于插件的方式。

4、这个效果你可以通过2中途径实现，使用框架或者是使用JavaScript代码。使用框架：查找框架中的二级菜单组建，如Bootstrap中的导航条中的二级菜单。

5、Bootstrap 中用到一些 HTML元素和CSS属性需要将页面设置为 HTML5 文档类型，即在页面顶部添加“！DOCTYPE html”2布局容器：Bootstrap 需要为页面内容和栅格系统包裹一个 .container或container-fluid(占据全部视口viewport的容器)容器。

6、通过为下拉菜单的父元素设置 .dropup 类，可以让菜单向上弹出(默认是向下弹出的)。

相关问答

Q1: jquery如何控制一个div中所有的东西不能点击?

超出5个就移除绑定的点击事件，那样再点击就没作用了。

可以设置div的层次关系，这样鼠标就不会操作到div了。实现思路：可以做一个透明的DIV覆盖iframe。

思路：先获取div对象，然后用innerHTML属性设置内容。

div：eq( + index + )).addClass(show)；})；初始化运行结果：点击节点2的结果：点击节点3的结果：点击节点4的结果：总结：从上面4张结果图片可以看出，当点击了左侧的节点时，右侧的内容也对应的发生了改变。

除此，还可以通过jquery设置这个 div 的 css ： display：none/block 来实现隐藏/显示 PS：jquery如何删除div里面的某个div 思路：首先获取到需要删除的对象，然后使用jQuery提供的 remove() 方法删除被选元素及其子元素。

Q2: ...但是点击的时候不想让它出现下拉框,怎么搞?

1、“允许”栏选择“序列”；“来源”中输入“男，女”（不含引号，用英文单引号分隔）；同时选中“忽略空值”和“提供下拉箭头”；单击“确定”按钮。

2、首先打开IE浏览器，在左面可以看到一些搜索记录和打开过的网站记录。在IE浏览器窗口的上面点击“工具”，在下拉菜单的最下面点击“Internet选项”。进入Internet选项窗口，点击上面的“内容”。

3、选择需要设置下拉选项的单元格。鼠标选定需要设置下拉选项的单元格，打开开发工具，点击”下拉选项内部控件“。03 选择”控件属性“，选择”添加“，出现”添加选项“窗口。

Q3: “jquery”中怎么让下拉框不能选择?

1、jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素，而 toggle() 方法则可以切换 hide() 和 show() 方法，也就是显示被隐藏的元素，并隐藏已显示的元素。

2、jquery提供了val()方法设置或返回表单字段的值，因此将下拉框的某元素设为当前选中值，只需设置用val()方法设置下拉框的值即可。

3、并去掉他们 //的highlight类 .children(a).hide()； //将兄弟元素下的《a》元素隐藏 })； })； 把你的JS换成这段就行了。

4、先用类似httpwatch的工具，看看服务器有没有返回正确的数据。

5、然后我们根据图示代码引入jquery easyui需要的js和css。然后我们根据图示代码在中插入div和select。启动Tomcat服务器，在浏览器中查看页面，可以看到此时下拉框只能选择而不能编辑。

关于js中如何设置下拉框不能点击和js下拉选项框的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。