最近开发的网站由于搜索条件多,所以每项宽度窄而导致有些浏览器看不全下拉框的文字,所以写了个脚本将所有的select加上title这样鼠标放上去就看全了 方法如下:
function BatchSetTitle() {
var selects = $("select")
var selectcount = $("select").size();
for (i = 0; i < selectcount; i++) {
var select = selects.eq(i);
var id = $(select).attr("id")
var option = $("#" + id + " option")
var count = $("#" + id + " option").size();
for (j = 0; j < count; j++) {
var suboption = option.eq(j)
var text = $(suboption).html()
$(suboption).attr("title", text);
}
}
在body onload时加载此方法即可.
分享到:
相关推荐
js下用层来实现select的title提示属性.docx
基于Jquery的自定义下拉框JS插件。 带图标、分组等
该js通过层来实现ie6不能显示下拉框的tite问题。
用层来实现select的title 提示属性
app底部弹出选择 var mobileSelect1 = new MobileSelect({ trigger: '#trigger', // 点击容器的ID title: '选择性别', // wheels: [{ data: ['男', '女'] }] });
<script type="text/javascript" src="jquery.combo.select.js" > <link rel="stylesheet" href="combo.select.css" /> </head> <body> <select name="table_id" id="table_id"> <option value="">----请选择...
本文实例讲述了JS更改select内option属性的方法。分享给大家供大家参考。具体如下: 帮一位友人解决了一个小问题,需求是更改选中选项卡内显示的文本值,新值存放在某个文本框内 初始窗口: <html> <head...
本文实例讲述了JS简单实现...JS联动菜单,简单代码实现JS多级Select联动菜单,也就是大家常用的一款菜单,Select联动状态的菜单,网页上经常见到的效果,希望大家能用得上。 运行效果截图如下: 在线演示地址如下: ...
本文实例讲述了js简单实现Select互换数据的...这里基于javascript实现两个Select互换数据,简单实用,大家都见到过的,不多说了,即使手头暂时用不上,收藏起来,以备后用。 运行效果如下图所示: 在线演示地址如下: ...
JavaScript为select添加option <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>测试文件</title> [removed] [removed] = function(){ //创建select控件 var _...
本文实例讲述了javascript操作select元素的用法。分享给大家供大家参考。具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。 当选择select中某一项时...
本文实例讲述了js实现Select下拉框具有输入功能的方法。分享给大家供大家参考。具体实现方法如下: 实现方法一 代码如下:<HTML> <HEAD> <META http-equiv=’Content-Type’ content=’text/html; ...
这里演示的Select列表内容自动滚动效果,文字可自动滚屏,当网页加载完毕后,Select中的内容会一个接一个向上滚动,当然,滚动的参数和速度是可以调节的。或许你会用得上。 运行效果截图如下: 在线演示地址如下: ...
后来索性就自己使用原生js实现了这样一个下拉框,话不多说,直接上代码吧。 <html lang=en> <head> <meta charset=UTF-8> <title>自定义select</title> </head> <style&...
本文实例讲述了JS实现Select的option上下移动的方法。分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> [removed] function UpOr...
本文实例讲述了JS实现的Select三级下拉菜单。分享给大家供大家参考。具体如下: 这里使用js实现Select三级下拉菜单,比如全国省市城市选择、数码类产品分类、人才类别选择等,都比较具有代表性,在表单中容易使用...
本文实例讲述了js实现Select列表各项上移和下移的方法。分享给大家供大家参考。具体如下: 这里介绍Select列表各项上移和下移的Js代码,可以手功排序,以前我们都见到过的,从事WEB编程的朋友经常会用得到。 运行...
代码很简单,这里就不多废话了,直接给大家源码吧 <!doctype html> <html> <head> <title>年月日</title> </head> <body onLoad="init()"> <select id="year" onChange=...
js简单实现select跳转功能:代码如下 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div class=selectBox> <select class=toSlt> 全部分类的商品...