html 下拉框设置提示语,为 Html 的 Select 加一个提示语和输入方法
//定义 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 加一个提示语和输入方法相关推荐
- Excel下拉框设置多选
Excel下拉框一般只能单选,但有时候需要多选,多选的方法如下: 以office 2016中的excel为例: 1.数据验证入口 2.设置数据 3.sheet页右击查看代码 4.复制下面代码进去: 5 ...
- select下拉框设置边框样式
select下拉框设置边框样式方法:设置select下拉框margin:-2,这样可以隐藏原来边框,然后设置父对象样式即可! <span style="border:1px solid ...
- html让下拉框自动选择,html下拉框设置连接 html怎么设置下拉列表必须选择
html下拉框怎么设置默认值 设置selected属性就可以,具体的用法,首先打开hbuilder软件,新建一个html文档,里面写入一个select下拉框: 然后给select中一个option设置 ...
- 给select下拉框设置高度
给select下拉框设置高度 效果: select属性: onmousedown="if(this.options.length>4){this.size=4}" onblu ...
- 文本框、下拉框设置只读
在文本框里面给文本框设置只读:readonly="readonly",但这种设置之后,如果想点击某个按钮触发将这个文本框取消只读,则要在js脚本中禁用,readonly的" ...
- antdesign的表单中的下拉框设置默认值BUG处理
问题: 使用 antdesign 下拉框的默认值是状态值,而不是状态值对应的文案? model层传递的数据 view层在表单中设置的值 解决方案: 在默认值的后面加上一个空字符串进行转换
- html下拉框设置默认值_如何设置HTML select下拉框的默认值?
HTML中的select标签用于创建可选择选项的下拉列表:option标签包含选定时将使用的值.那么如何来设置select下拉框里的默认值?下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 我们可 ...
- Excel 2019:二级级联下拉框设置
Execl 2019:二级级联下拉框 场景需求 实现效果展示 二级级联设置步骤 1.填写基础信息 2.设置一级数据验证 3.设置依赖于一级选择的二级下拉内容 场景需求 当我们需要规范输入的数据时,会用 ...
- html 下拉框 设置默认值,如何设置HTML select下拉框的默认值?
想要设置HTML select下拉框的默认值,可以在所需选项上使用"selected"属性来设置select元素的默认值,这是一个布尔属性.默认情况下,具有"select ...
- element-ui select下拉框 设置默认值
参考于 carmen_shao的element-ui select下拉框默认值的问题 需要把el-select绑定的sPerforIndicator.id 和 el-option中的 :value=& ...
最新文章
- 书评与访谈:Scrum for Managers
- Sublime Text 3便携版下载安装和常用插件安装--顺便解决报错An error occured installing和no packages available for install
- Python读写文件 - 转
- 160个Crackme033
- NAB 2019见闻:CAE视频编码与QoE
- $(#id).val()取值textarea是
- ubuntu 修改host,以便在本地调试
- 笨办法学python在线阅读_『笨办法』学Python 3
- Stream介绍及简单操作!
- 异步更新php数据库,ajax异步刷新实现更新数据库_jquery
- Oracle 官方文档在线查看Oracle函数
- 苹果x和xs买哪个好_苹果12哪个颜色销量销售好 iPhone12哪个颜色好看
- java:个人所得税计算器
- `Stream`的`Collectors.reducing`与`Collectors.groupingBy`
- select()函数
- 连锁企业如何迈出网络运维数字化升级第一步?
- ntlm java_Java Web服务NTLM身份验证
- 2020年云南统招专升本部分院校录取分数线
- UVa 352 - The Seasonal War ( DFS求连通块 )
- [转]Nginx 0.8.x + PHP 5.2.13(FastCGI)搭建胜过Apache十倍的Web服务器(第6版)