`

关于<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空字符串被任意字符分割后的长度
评论
发表评论

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

相关推荐

    html标签总结

    - **示例**：`&lt;table&gt;&lt;caption&gt;员工名单&lt;/caption&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;John Doe&lt;/td&gt;&lt;td&gt;30&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;` #### 居中文本：`&lt;center&gt;` - **作用**：定义居中文本。该标签已废弃，建议...

    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; ...

    html语言课程

    - `&lt;select&gt;`标签定义下拉列表，内部可以包含多个`&lt;option&gt;`标签。 **10.4 文本区域 `&lt;textarea&gt;`** - `&lt;textarea&gt;`标签定义多行文本输入区域。 综上所述，HTML作为网页制作的基础语言，通过其丰富的标签和属性...

    从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;/...

    自定义带图标的select，只需把图标地址写在option的title属性中即可

    这个JS插件就是为了解决这个问题，它扩展了`&lt;select&gt;`的功能，允许我们在`&lt;option&gt;`的`title`属性中插入图标地址，然后在界面上动态渲染这些图标。 接下来，我们要探讨如何使用这个插件。在项目中，首先需要引入...

    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" ...

    HTML语言剖析之HTML标记一览

    - 示例：`&lt;select name="language"&gt;&lt;option value="en"&gt;English&lt;/option&gt;&lt;option value="zh"&gt;Chinese&lt;/option&gt;&lt;/select&gt;` 5. **`&lt;option&gt;`**：选项标记，用于定义下拉选择框中的每个选项。 - 示例：`&lt;option ...

    网页制作基本语法大全

    - **下拉菜单**：`&lt;select name="名称"&gt;`...`&lt;/select&gt;`，包含多个`&lt;option&gt;`标签。 - **按钮**：`&lt;button&gt;按钮文本&lt;/button&gt;`用于定义按钮。 - **提交和重置按钮**：`&lt;input type="submit"&gt;`和`&lt;input type="reset...

    浮点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; ...

    web开发必须知道的10个不常用HTML标签

    3. `&lt;acronym&gt;`（已废弃）：用于缩写的标签，可以提供缩写的全称作为title属性，鼠标悬停时显示。然而，此标签已被废弃，建议使用`&lt;abbr&gt;`。 ```html &lt;acronym title="Founded in 2006"&gt;Twitter&lt;/acronym&gt; ``` 4...

    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;/...

    HTML语法字典HTML语法字典

    &lt;title&gt;我的网站&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &lt;/head&gt; ... &lt;/html&gt; ``` ##### 36. 斜体 `&lt;i&gt;` - **作用**：显示斜体文字。 - **示例**： ```html &lt;p&gt;这是一个&lt;i&gt;斜体&lt;/i&gt;单词。&lt;/p&gt; ``` ##### 37. ...

    WEB开发 之 WML 输入.docx

    WML还提供了`&lt;select&gt;`和`&lt;option&gt;`标签，用于创建下拉选择列表。以下是一个示例： ```xml &lt;wml&gt; &lt;card title="Selectable List 1"&gt; &lt;p&gt; &lt;select&gt; &lt;option value="htm"&gt;HTML Tutorial&lt;/option&gt; &lt;option value=...

    jsp select 带多选框

    在这个例子中，`&lt;select&gt;`标签的`name`属性定义了表单字段的名称，`multiple`属性使得用户可以多选，`size`属性定义了下拉框显示的选项数量。每个`&lt;option&gt;`标签代表一个可选的值，用户可以看到并选择。 在实际应用...

    HTML 5 标签参考

    &lt;abbr title="World Health Organization"&gt;WHO&lt;/abbr&gt; ``` ##### 5. `&lt;acronym&gt;`（已废弃） - **用途**：定义嵌入式缩略词或首字母缩写。 - **注意**：此标签已被废弃，建议使用`&lt;abbr&gt;`代替。 ##### 6. `...

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