used js code like below
:
function dropdown_over(obj,msg,evt){
createTips(obj,msg,evt);
}
function dropdown_out(obj){
removeTips(obj);
}
function createTips(obj,msg,evt){
var p = GetMouse(evt);
var $tips = document.createElement("span");
$tips.id = "tips_" + obj.id;
$tips.innerHTML = msg;
$tips.style.position = "absolute";
$tips.style.left = p.x+"px";
$tips.style.top = (p.y+16)+"px";
$tips.style.zIndex = 1001;
$tips.style.border = "1px solid #666";
$tips.style.backgroundColor = "#FE0";
$tips.style.color = "#000";
$tips.style.fontSize = "10pt";
$tips.style.padding = "3px;";
document.body.appendChild($tips);
}
function removeTips(obj){
var $tips = document.getElementById("tips_" + obj.id);
if($tips != null)
document.body.removeChild($tips);
}
function GetMouse(evt){
evt = evt||window.event;
return pointer = {
x:evt.pageX || (evt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)),
y:evt.pageY || (evt.clientY + (document.documentElement.scrollTop || document.body.scrollTop ))
};
}
html code is like this:
<select id="dropdown" onmouseover="dropdown_over(this,'Tip Msg',event)" onmouseout="dropdown_out(this)">
<option >001</option>
<option >002</option>
<option >003</option>
<option >004</option>
<option >005</option>
</select>
分享到:
相关推荐
Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option Option ...
echarts的option
<option value='1'>第一条新闻标题</option> <option value='2'>第二条新闻标题</option> <div id='info_box'> <div id='Cont_1'>第一条新闻内容</div> <div id='Cont_2'>第二条新闻内容</div> </div> CSS样式写 #...
// 创建 DIV 显示Selectd Option 值 select_info = document.createElement('div'); select_info.id = 'select_info_' + selects[i].name;//显示选中信息ID select_info.className='tag_select'; ...
Div下拉菜单被Select挡住的解决办法 下拉菜单 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 test2 test3 Div被Select挡住,是一个比较常见的问题。 有的朋友通过把div的内容放入iframe或object里来...
1.动态创建select 代码如下: ...添加选项option 代码如下: function addOption(){ //根据id查找对象, var obj=document.getElementById(‘mySelect’); //添加一个选项 obj.add(new Option(“文本”,”值”)); /
select option 自定义图片的js 、css 以及代码展示,javaScript ;
These technical requirements form a standard for a Short Message Service (SMS), providing delivery of text and numeric information for paging, messaging, and voice mail notification. This standard ...
用于Option 43 参数的计算
<option value=””>1</option> <option value=””>2</option> <option value=””>3</option> <option value=””>4</option> <option value=””>5</option> </select> 我不想让用户可以选择 345 ...
在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div布局。 解决了之前版本的option的value没有传入li的bug。 暂时还无法做到让用户随意更改...
javascript 获取select ->option中id、value、label属性及<option></option>中内容
Dom查找_表单验证01_ 点击链接_添加一个div _表单验证02 _创建节点_ Html dom中的select, option_ 级联下拉列表;
WITH CHECK OPTION的用法
jquery获得select option值
H3C DHCP option 43 配置方法
给某个option 添加 selected = "selected" 属性... <option value=”2″>全部</option> <option value=”1″ xss=removed>通过</option> <option value=”0″>未通过</option> </select> 则“通过”为默认选中。
<option selected="selected" value="35">gdfgfdgjjjjjjjjjjjj</option> <option value="0">└All Categories</option> <option value="52">Acrylic Beads sfsf sdfsdfsdffffffffffff </option> <option ...
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
dhcp 解析option和调试 dhcp 解析option和调试