`

关于<option></option>标签的title属性问题

浏览器JavaHTML工作 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script>
  //由于<option></option>标签的title属性在有些浏览器上不能够正常工作，
  //因此我们找了一个解决方法（在<select></select>标签上做文章，具体方法如下:）
  </script>
 </HEAD>
 <BODY>
<select id='yy' name=mysel onchange="document.getElementById('yy').title=this.options[this.selectedIndex].text;"> 
<option value=title1 title='1'>new1 </option>
<option value=title2 title='2'>new2 </option>
<option value=title3 title='3'>new3 </option>
<option value=title4 title='4'>new4 </option>
</select>
 </BODY>
</HTML>

分享到：
| JS空字符串被任意字符分割后的长度
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    h4界面开发

    &lt;title&gt;无标题文档&lt;/title&gt; &lt;link href="css/b3.css" rel="stylesheet" type="text/css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="box"&gt; &lt;div class="sy_1"&gt; &lt;div class="sy_2"&gt; &lt;span class="sy_fl"&gt;欢迎来到濮阳市城乡...

    对话框实例

    &lt;title&gt;无标题文档&lt;/title&gt; &lt;script type="text/javascript"&gt; function a(){ var province=document.getElementById('select').value; var city=document.getElementById('select2').value; var section=...

    在线订餐系统基于Javawen

    &lt;title&gt;网上订餐系登录系统&lt;/title&gt; &lt;SCRIPT language="javascript" src="/js/javaScript.js"&gt;&lt;/SCRIPT&gt; &lt;/head&gt; &lt;body&gt; &lt;center&gt; &lt;table&gt; &lt;tr&gt; &lt;td colspan="2"&gt; &lt;c:import url="BodyTop.jsp"&gt;&lt;/c:import&gt;...

    CSS3图片37种幻灯片切换特效.zip

    &lt;option value="fxRotateSoftly"&gt;Rotate me softly&lt;/option&gt; &lt;option value="fxDeal"&gt;Deal 'em&lt;/option&gt; &lt;option value="fxFerris"&gt;Ferris wheel&lt;/option&gt; &lt;option value="fxShinkansen"&gt;Shinkansen&lt;/option&gt; ...

    jsp实现登陆

    &lt;title&gt;普通话水平测试报名系统&lt;/title&gt; &lt;style type="text/css"&gt; &lt;!-- .STYLE2 {font-size: 10px} .STYLE3 {font-size: 36px; } --&gt; &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;center&gt; &lt;br&gt; &lt;br&gt; &lt;form action="dl-conf....

    一个简单的网页设计

    &lt;option&gt;学生&lt;/option&gt;&lt;option&gt;一年&lt;/option&gt;&lt;option&gt;二年&lt;/option&gt;&lt;option&gt;三年&lt;/option&gt;&lt;option&gt;三年到五年&lt;/option&gt;&lt;option&gt;五年到十年&lt;/option&gt;&lt;option&gt;十年以上&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; ...

    从QQ网站中提取的纯JS省市区三级联动

    &lt;title&gt;QQ JS省市区三级联动&lt;/title&gt; &lt;!-- 直接使用QQ的省市区数据 --&gt; &lt;!-- &lt;script type="text/javascript" src="http://ip.qq.com/js/geo.js"&gt;&lt;/script&gt; --&gt; &lt;script type="text/javascript" src="geo.js"&gt;&lt;/...

    DOCman_Ultimate_module_1.5.zip

    &lt;option value="dmname"&gt;Title&lt;/option&gt; &lt;/param&gt; &lt;param name="@spacer" type="spacer" default="" label="" description="" /&gt; - &lt;param name="order" type="radio" default="desc" label="Order" ...

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    &lt;select id="sel_subclass" style="display:none" name="sel_subclass"&gt;&lt;option value="" selected="selected"&gt;请选择&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt;资源分：&lt;/th&gt; &lt;td&gt; ...

    select多选下拉列表+模糊查询功能.rar

    &lt;title&gt;Insert title here&lt;/title&gt; &lt;script src="jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery.combo.select.js" &gt;&lt;/script&gt; &lt;link rel="stylesheet" href="combo.select.css" /&gt; &lt;/...

    jQuery折叠菜单

    &lt;li class="item2"&gt;&lt;a href="#" class="title"&gt;&lt;img src="images/所有污染源列表查询.gif" /&gt;全部污染源&lt;/a&gt;&lt;/li&gt; &lt;li class="item2"&gt;&lt;a href="#" class="title" onclick="fold(this);return false;"&gt;&lt;img ...

    简单的一个学生管理系统 servlet+JSP

    &lt;title&gt;My JSP 'queryStudent.jsp' starting page&lt;/title&gt; &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta http-equiv="cache-control" content="no-cache"&gt; &lt;meta ...

    数据库分页脚本 jsp

    &lt;title&gt;ʽ&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script type="text/javascript"&gt; function gotoSelectedPage() { var x = document.getElementById("navigatorForm"); //alert("Original action: " + x.action) x....

    多种切换效果之jQuery焦点图片轮播插件.zip

    &lt;option value="leftright"&gt;leftright&lt;/option&gt; &lt;option value="updown"&gt;updown&lt;/option&gt; &lt;option value="switchlr"&gt;switchlr&lt;/option&gt; &lt;option value="switchud"&gt;switchud&lt;/option&gt; &lt;option value="fliplr"&gt;...

    asp学院新闻发布系统

    response.write "&gt;"&rs("title")&"&lt;/option&gt;" rs.movenext loop end if rs.close set rs=Nothing endconnection %&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;新闻标题：&lt;/td&gt; &lt;td&gt; ...

    教师档案管理系统源代码

    &lt;title&gt;信息查询&lt;/title&gt; &lt;style type="text/css"&gt; &lt;!-- body { background-image: url(); } --&gt; &lt;/style&gt; &lt;table width="880" border="0" align="center" bordercolor="#90CFFA" background="image/top_mid_...

    php分页123456

    &lt;head&gt;&lt;title&gt;物流配送信息网&lt;/title&gt; &lt;script&gt; function selectCar(){ document.getElementById('f').value="1"; document.forms[0].submit(); } function ck() { document.getElementById('cid').value="id"; ...

    搜索引擎名次查询.net版源码下载

    &lt;body onload="&lt;% If Request.Form &lt;&gt;"" Then %&gt;initFadeTicker();&lt;% End If %&gt;document.form1.url.focus()"&gt; &lt;br&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt; &lt;tr&gt; &lt;td valign=...

    JQuery选择器

    JQuery选择器 几个小练习 ... &lt;select&gt;&lt;option&gt;Option&lt;/option&gt;&lt;/select&gt;&lt;br/&gt; &lt;textarea rows="5" cols="20"&gt;&lt;/textarea&gt;&lt;br/&gt; &lt;button&gt;Button&lt;/button&gt;&lt;br/&gt; &lt;/form&gt; &lt;div&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

    jQuery完全实例.rar

    &lt;p&gt;one&lt;/p&gt; &lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; &lt;p&gt;three&lt;/p&gt; jQuery 代码: $("div &gt; p"); 结果: [ &lt;p&gt;two&lt;/p&gt; ] -------------------------------------------------------------------------------- 在文档的第一个表单...

Magicbox
Global site tag (gtag.js) - Google Analytics