⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 6.5.2.htm

📁 一部非常好的javaScript教程
💻 HTM
字号:
<html>
<head>
<title>Untitled Document</title><LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF">
<h2 align="center">option 对象</h2>
<p>1. 创建 option 对象</p>
<p>
当用户在 SELECT 标记符中使用了 OPTION 标记符时,即创建出了 option 对象,表示选项菜单中的一个选项。<p>
也可以使用 option 对象的构造函数动态创建 option 对象,如以下示例所示:
<p><a href="../src/tu6.15.htm" target="_blank">示例 </a>
<p>这段代码的显示效果,此时选项菜单中没有选项;当用户单击&quot;添加选项&quot;按钮后,选项菜单中添加了 4 个选项 。
<p>
2. 对象属性<p>
option 对象包含 4 个属性(不包含方法和事件),如表 6.5 所示。<p>
<div align=center> 表 6.5 option 对象的属性</div>
<p><center>
  <table BORDER cellspacing=2 cellpadding=9 width=521>
    <tr> 
      <td width="26%" valign="TOP"> 
        <div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">属性</font></b> 
        </div>
      </td>
      <td width="74%" valign="TOP"> 
        <div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">说明</font></b> 
        </div>
      </td>
    </tr>
    <tr> 
      <td width="26%" valign="TOP"> 
        <div align="center"><font size="1">DefaultSelected</font> </div>
      </td>
      <td width="74%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示选项默认是否被选中,取值为</font><font size=1> 
        true </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1> 
        false</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
    </tr>
    <tr> 
      <td width="26%" valign="TOP"> 
        <div align="center"><font size="1">Selected</font> </div>
      </td>
      <td width="74%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示选项的当前选中状态,取值为</font><font size=1> 
        true </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1> 
        false</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
    </tr>
    <tr> 
      <td width="26%" valign="TOP"> 
        <div align="center"><font size="1">text</font> </div>
      </td>
      <td width="74%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示选项文本。</font> 
      </td>
    </tr>
    <tr> 
      <td width="26%" valign="TOP"> 
        <div align="center"><font size="1">value</font> </div>
      </td>
      <td width="74%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示选项的值,对应于</font><font size=1> 
        OPTION </font><font face="宋体,SimSun" lang="ZH-CN" size=1>标记符中的</font><font size=1> 
        VALUE </font><font face="宋体,SimSun" lang="ZH-CN" size=1>属性。</font> </td>
    </tr>
  </table>
  <p></center>
<p> 以下示例显示了如何使用这些属性。
<p><a href="../src/tu6.17.htm" target="_blank">示例</a> 
<p>这段代码的效果为:在选项菜单中选中了一项之后,单击&quot;显示信息&quot;按钮,则在一个新窗口中显示默认选项和新选中选项的信息。
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -