SELECT列表框提示

最新推荐文章于 2022-10-13 14:37:27 发布
最新推荐文章于 2022-10-13 14:37:27 发布
阅读量899 收藏
点赞数
分类专栏： JAVASCRIPT 文章标签： function html action div string 文档
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <script>
//定义Popup
var oP=window.createPopup();
oP.document.body.style.background="beige";
//popup是否已显示
var oPShow=0;
var lineCharCount=20;
var lineCount=new Number(0);
var subLine=new String();
function showTitle(obj){
var h=event.offsetY;
var fontsize=(obj.style.fontSize==""?(obj.currentStyle.fontSize==""?"9":obj.currentStyle.fontSize):obj.style.fontSize);
fontsize=parseInt(fontsize)*1.6;
var l=parseInt(h/fontsize);
if(null!=obj.options[l]){
 lineCount=0;
 subLine=obj.options[l].text;
 
 oP.document.body.innerText="";
 do{
  if(subLine.length>lineCharCount){
   oP.document.body.innerHTML+=subLine.substr(0,lineCharCount)+"<br>";
   subLine=subLine.substr(lineCharCount,subLine.length-lineCharCount);
   lineCount+=1;
  }
 }while(subLine.length>lineCharCount)
oP.document.body.innerHTML+=subLine;
lineCount+=1;
len=lineCharCount*8;
oP.show(event.offsetX+20,event.offsetY+fontsize+5,len,lineCount*(fontsize+2),document.body);
oPShow=1;
}
}
function hideTitle(obj){
if(oPShow==1)oP.hide();
}
</script>
<title>无标题文档</title>
</head>
<body>
<form name="form1" method="post" action="">
  <div id=div1 style="overflow:auto;width:100px;">
    <select name=s1 size=7 style="width:120;height:60%" οnmοusemοve="showTitle(this);" οnmοuseοut="hideTitle(this);">
      <option>aaaaaaaaaaaaaaaaaaaaaa1
      <option>012345678901234567899876543210987654321074102589637410258963963258741096328574107896321450789632145098741236509874123650
      <option>cccccccccccccccccccccccc1
      <option>ddddddddddddddddddddddd1
      <option>eeeeeeeeeeeeeeeeeeeeeee1
      <option>fffffffffffffffffffffffffff1
    </select>
  </div>
 
</form>
</body>
</html>
xiaoyi20
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery 弹出层 非常漂亮，可能手动设置参数
09-13
///------------------------------------------------------------------------- //jQuery弹出窗口 By Await [2010-08-12] //-------------------------------------------------------------------------- /*参数：[可选参数在调用时可写可不写,其他为必写] ---------------------------------------------------------------------------- title: 窗口标题 content: 内容(可选内容为){ text | id | img | url | iframe } width: 内容宽度 height: 内容高度 drag: 是否可以拖动(ture为是,false为否) time: 自动关闭等待的时间，为空是则不自动关闭 showbg: [可选参数]设置是否显示遮罩层(0为不显示,1为显示) cssName: [可选参数]附加class名称 ------------------------------------------------------------------------*/ //示例: //------------------------------------------------------------------------ //tipsWindown("例子","text:例子","500","400","true","3000","0","exa") //------------------------------------------------------------------------
原生select默认文字提示
余光的博客
09-26 1万+
一、普通下拉列表 <select> <option value="Volvo">Volvo</option> <option value="1">栗子</option> <option value="2">香蕉</option> <option value="3">苹果</...
<select> 中的默认提示，并做验证
yzbben的博客
07-14 3537
下面这段 html 代码，“选择类型”这一行其实是提示用的，类似于placeholder，现在禁止用户选择他 select> option value="">选择类型option> option value="cat-1">cat-1option> option value="cat-2">cat-2option> option value="cat-3">cat
select下拉框如何显示提示语，不要出现下拉选项中
Web_Notes的博客
02-24 4562
<select> <option value="" disabled selected hidden>问卷调查者选择</option> <option value="o">下拉1</option> </select>
select下拉列表的的文字提示信息
皮蛋solo粥的博客
04-19 2485
<select id='no' value={sex} onChange={e => { setSex(e.target.value); }} > ...
jQuery select选择框/文本输入框自动完成/自动提示插件
04-11
文框输入框的自动完成和自动提示功能可以帮助用户快速的完成操作，是非常好的产品使用体验。这里向大家推荐一款优秀的 jQuery 文本输入框自动完成 & 自动提示插件，帮助你在网站中轻松添加输入框的自动完成和自动...
下拉列表select 由左边框移动到右边示例
12-11
当页面还没有加载完的时候调用下面语句，会取不到“add” 这个对象，提示为空或不是对象 代码如下: document.getElementById(“add”).onclick = function(){ alert(“hello”); } 当使用便可取的对象 代码...
可输入的html下拉列表框，自带筛选
01-26
此框下拉列表框可输入，可根据输入内容自动过滤模糊查询到的option值，点击弹框下拉列表框，选择完毕后下拉列表框自动隐藏，非常好用
[API] 透明提示框
02-26
Option Compare Database Option Explicit Declare Function CreateWindowEx Lib "user32" Alias "CreateWindowExA" _ (ByVal dwExStyle As Long, _ ByVal lpClassName As String, _ ByVal lpWindowName As ...
类似百度下拉提示 模拟select下拉框 jquery插件
05-13
类似百度下拉提示 模拟select下拉框 jquery插件 自动提示框 下拉框 本插件依赖于jquery的插件，类似于百度下拉提示框
select添加提示语
07-19 3703
使用vue： <select v-model="action_type" @change="type" class="action_type"> <option disabled value="">请选择</option> <option>选项1</option> ...
html中select显示非option的文字:做下拉框的时候用这些文字当提示
热门推荐
qq_15167261的博客
07-11 4万+
在用select做下拉框的时候，往往在select标签左边的框里写一些提示，如“请选择年份等”，事例代码如下： 请选择年份 2010 2011 2011
为 Html 的 Select 加一个提示语和输入方法
如果有一天...
03-31 4734
//定义 select 原值var oldValue,oldText;//select下拉框的onkeydown事件，修改下拉框的值function catch_keydown(sel){ switch(event.keyCode) {  case 13: //回车键   event.returnValue = false;   break;  case 27: //Esc键   sel.opti
iview实现给select下拉框添加鼠标悬浮显示选项简介提示信息d效果（简洁版-3个坑）
weixin_52443895的博客
10-13 1701
因为懒，我还是没有选择用原生js绑定鼠标事件来实现，选择了iview的组件ToolTip，于是经历3个大坑才最终得以解决。
select显示form表单提示文字
erdouzhang
03-23 1万+
在做form表单下拉框时的提示性文字。html：<select> <option value="1" style="color: #b6b6b6" disabled selected>请选择水果</option> <option value="2">苹果</option> <option value="3">香蕉</option> <option value="4">橘子</opti
DOM实现select选择提示框
weixin_30591551的博客
02-03 177
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="widt...
Select2使用实例——很好用的下拉提示选择框！
Evankaka的专栏
12-06 2万+
这几天一直的寻找能把select和sugget结合起来使用的例子，然后就看到了这个，发现真的很不错，它支持下拉的直接选择，也支持在下拉内容中输入过滤。
关于select的未选择给个提示
Programmer_FuQiang的博客
06-05 4361
&lt;body style="height: 100%; width:100%"&gt;&lt;script&gt;function test(){var sex = document.getElementById("sex").value;if (!sex){alert("你的性别未选择");}}&lt;/script&gt;&lt;select id="sex"&am
[原创]select内容过长时的提示框
scoutlin的专栏
02-22 2102
aaaaaaaaaaaaaaaaaaaaaa1 bbbbbbbbbbbbbbbbbbbbbbbbb1 cccccccccccccccccccccccc1 ddddddddddddddddddddddd1 eeeeeeeeeeeeeeeeeeeeeee1 fffffffffffffffffffffffffff1 //定义Popup var oP=window.createPopup();
HTML select option
最新发布
05-16
HTML 的 `<select>` 元素用于创建下拉列表框，可以通过 `<option>` 元素来定义列表中可选项。 下面是一个简单的例子： ```html <select> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> </select> ``` 其中，`<option>` 元素的 `value` 属性定义了该选项的值，而元素内的文本内容则作为选项的显示文本。 当用户选择一个选项时，可以通过 JavaScript 来获取所选项的值。例如，下面的代码可以在用户选择某个选项时弹出一个提示框，显示选项的值： ```html <select onchange="alert(this.value)"> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> </select> ``` 在这个例子中，`onchange` 事件会在用户选择某个选项时触发，而 `this.value` 则表示当前所选选项的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值