IT博客-A JavaScript Fancier-随笔分类-DHTML相关技术http://www.cnitblog.com/yemoo/category/5227.html伟大的javascript技术研究中...zh-cnTue, 27 Sep 2011 01:13:07 GMTTue, 27 Sep 2011 01:13:07 GMT60html中select的type属性http://www.cnitblog.com/yemoo/archive/2007/12/18/37846.htmlYemoo'S JS BlogYemoo'S JS BlogTue, 18 Dec 2007 14:38:00 GMThttp://www.cnitblog.com/yemoo/archive/2007/12/18/37846.htmlhttp://www.cnitblog.com/yemoo/comments/37846.htmlhttp://www.cnitblog.com/yemoo/archive/2007/12/18/37846.html#Feedback0http://www.cnitblog.com/yemoo/comments/commentRss/37846.htmlhttp://www.cnitblog.com/yemoo/services/trackbacks/37846.html

一直以来都认为select是没有type属性的，最近做一个组件需要判断form表单项的类型，突然发现Select也有type。

看下面的代码：
<form method="post" action="">
  <select name="s">
  <option>aaa</option>
  <option>aaa</option>
  </select>
</form>

  <script type="text/javascript">
  <!--
  alert(document.forms[0]["s"].type)
  //-->
  </script>

运行以上代码在firefox和IE中都返回“select-one”。这个type是什么意思呢？横线前面的应该是select的类型，后面的one呢？

突然想起select有两种类型:只允许单选和允许多选。

那这个type应该就是指这种类型了吧？
加上multiple测试一下发现果真如此。
运行以下代码返回“select-multiple”
<form method="post" action="">
  <select name="s" multiple>
  <option>aaa</option>
  <option>aaa</option>
  </select>
</form>

  <script type="text/javascript">
  <!--
  alert(document.forms[0]["s"].type)
  //-->
  </script>



用了三四年的html了现在才知道这个属性，汗一下！！

<

Yemoo'S JS Blog 2007-12-18 22:38 发表评论
]]>HTML Option对象介绍http://www.cnitblog.com/yemoo/archive/2007/04/27/26264.htmlYemoo'S JS BlogYemoo'S JS BlogFri, 27 Apr 2007 06:23:00 GMThttp://www.cnitblog.com/yemoo/archive/2007/04/27/26264.htmlhttp://www.cnitblog.com/yemoo/comments/26264.htmlhttp://www.cnitblog.com/yemoo/archive/2007/04/27/26264.html#Feedback1http://www.cnitblog.com/yemoo/comments/commentRss/26264.htmlhttp://www.cnitblog.com/yemoo/services/trackbacks/26264.html new Option("文本","值",true,true)
后面两个true分别表示默认被选中和有效!


Option 选择项对象 
options[] 是一个数组，包含了在同一个 Select 对象下的 Option 对象。
Option 对象由“<select>”下的“<options>”指定。

options[] 数组的属性

length; selectedIndex 与所属 Select 对象的同名属性相同。

单个 Option 对象的属性

text 返回/指定 Option 对象所显示的文本
value 返回/指定 Option 对象的值，与<options value="...">一致。
index 返回该 Option 对象的下标。对此并没有什么好说，因为要指定特定的一个 Option 对象，都要先知道该对象的下标。这个属性好像没有什么用。
selected 返回/指定该对象是否被选中。通过指定 true 或者 false，可以动态的改变选中项。
defaultSelected 返回该对象默认是否被选中。true / false。

Yemoo'S JS Blog 2007-04-27 14:23 发表评论
]]>