//定义 select 原值

var oldValue,oldText;

//select下拉框的onkeydown事件,修改下拉框的值

function catch_keydown(sel)

{

switch(event.keyCode)

{

case 13: //回车键

event.returnValue = false;

break;

case 27: //Esc键

sel.options[sel.selectedIndex].text = oldText;

sel.options[sel.selectedIndex].value = oldValue;

event.returnValue = false;

break;

case 8: //空格健

var s = sel.options[sel.selectedIndex].text;

s = s.substr(0,s.length-1);

if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text)

{

sel.options[sel.selectedIndex].value=s;

sel.options[sel.selectedIndex].text=s;

}

event.returnValue = false;

break;

}

if (!event.returnValue && sel.onchange)

sel.onchange(sel)

}

//select下拉框的onkeypress事件,修改下拉框的值

function catch_press(sel){

if(sel.selectedIndex>=0){

var s = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);

if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text)

{

sel.options[sel.selectedIndex].value=s;

sel.options[sel.selectedIndex].text=s;

}

event.returnValue = false;

if (!event.returnValue && sel.onchange)

sel.onchange(sel)

}

}

//select下拉框的onfocus事件,保存下拉框原来的值

function catch_focus(sel) {

oldText = sel.options[sel.selectedIndex].value;

oldValue = sel.options[sel.selectedIndex].value;

}

//恢复select下拉列表当前选中的值

function LoadSelect(obj,value)

{

for (var i=0; i< obj.options.length; i++)

if (obj.options[i].value == value)

{

obj.selectedIndex = i;

break;

}

}

//select 选择框鼠标上移时提示选择的内容

function selMouseOver(obj)

{

with (document.all.div_hint)

{

innerText = obj.options[obj.selectedIndex].text;

if (innerText.length > 0)

{

innerText = " " + innerText + " ";

style.display = "block";

style.left = event.clientX + 16;

style.top = event.clientY;

}

}

}

//select 选择框鼠标移开时消失

function selMouseOut(obj)

{

with (document.all.div_hint)

{

style.display = "none"

}

}

//–>

html 下拉框设置提示语,为 Html 的 Select 加一个提示语和输入方法相关推荐

  1. Excel下拉框设置多选

    Excel下拉框一般只能单选,但有时候需要多选,多选的方法如下: 以office 2016中的excel为例: 1.数据验证入口 2.设置数据 3.sheet页右击查看代码 4.复制下面代码进去: 5 ...

  2. select下拉框设置边框样式

    select下拉框设置边框样式方法:设置select下拉框margin:-2,这样可以隐藏原来边框,然后设置父对象样式即可! <span style="border:1px solid ...

  3. html让下拉框自动选择,html下拉框设置连接 html怎么设置下拉列表必须选择

    html下拉框怎么设置默认值 设置selected属性就可以,具体的用法,首先打开hbuilder软件,新建一个html文档,里面写入一个select下拉框: 然后给select中一个option设置 ...

  4. 给select下拉框设置高度

    给select下拉框设置高度 效果: select属性: onmousedown="if(this.options.length>4){this.size=4}" onblu ...

  5. 文本框、下拉框设置只读

    在文本框里面给文本框设置只读:readonly="readonly",但这种设置之后,如果想点击某个按钮触发将这个文本框取消只读,则要在js脚本中禁用,readonly的" ...

  6. antdesign的表单中的下拉框设置默认值BUG处理

    问题: 使用 antdesign 下拉框的默认值是状态值,而不是状态值对应的文案? model层传递的数据 view层在表单中设置的值 解决方案: 在默认值的后面加上一个空字符串进行转换

  7. html下拉框设置默认值_如何设置HTML select下拉框的默认值?

    HTML中的select标签用于创建可选择选项的下拉列表:option标签包含选定时将使用的值.那么如何来设置select下拉框里的默认值?下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 我们可 ...

  8. Excel 2019:二级级联下拉框设置

    Execl 2019:二级级联下拉框 场景需求 实现效果展示 二级级联设置步骤 1.填写基础信息 2.设置一级数据验证 3.设置依赖于一级选择的二级下拉内容 场景需求 当我们需要规范输入的数据时,会用 ...

  9. html 下拉框 设置默认值,如何设置HTML select下拉框的默认值?

    想要设置HTML select下拉框的默认值,可以在所需选项上使用"selected"属性来设置select元素的默认值,这是一个布尔属性.默认情况下,具有"select ...

  10. element-ui select下拉框 设置默认值

    参考于 carmen_shao的element-ui select下拉框默认值的问题 需要把el-select绑定的sPerforIndicator.id 和 el-option中的 :value=& ...

最新文章

  1. 书评与访谈:Scrum for Managers
  2. Sublime Text 3便携版下载安装和常用插件安装--顺便解决报错An error occured installing和no packages available for install
  3. Python读写文件 - 转
  4. 160个Crackme033
  5. NAB 2019见闻:CAE视频编码与QoE
  6. $(#id).val()取值textarea是
  7. ubuntu 修改host,以便在本地调试
  8. 笨办法学python在线阅读_『笨办法』学Python 3
  9. Stream介绍及简单操作!
  10. 异步更新php数据库,ajax异步刷新实现更新数据库_jquery
  11. Oracle 官方文档在线查看Oracle函数
  12. 苹果x和xs买哪个好_苹果12哪个颜色销量销售好 iPhone12哪个颜色好看
  13. java:个人所得税计算器
  14. `Stream`的`Collectors.reducing`与`Collectors.groupingBy`
  15. select()函数
  16. 连锁企业如何迈出网络运维数字化升级第一步?
  17. ntlm java_Java Web服务NTLM身份验证
  18. 2020年云南统招专升本部分院校录取分数线
  19. UVa 352 - The Seasonal War ( DFS求连通块 )
  20. [转]Nginx 0.8.x + PHP 5.2.13(FastCGI)搭建胜过Apache十倍的Web服务器(第6版)

热门文章

  1. 【渝粤题库】陕西师范大学202141规制经济学 作业(高起专)
  2. 计算机正态分布随机数范围,正态分布随机数
  3. 10001UVa伊甸园
  4. 怎么制作gif动图,gif动态图怎么制作
  5. 简单介绍会计师事务所
  6. 使用新浪API生成短连接
  7. 更改Ansys Workbench的语言的方法
  8. Kde桌面程序启动器程序图标无法显示
  9. 农历阳历转换 java_Java编程实例:Java版农历和阳历转换源码
  10. vue 使用 createjs 绘制扇形