A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks


一直以来都认为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了现在才知道这个属性,汗一下!!

<

posted on 2007-12-18 22:38 Yemoo'S JS Blog 阅读(6090) 评论(1)  编辑 收藏 引用 所属分类: HTML/XHTML/CSSDHTML相关技术

评论

# re: html中select的type属性 2012-11-12 16:01 wisedu_zp
我也才用到,故搜索了一下,thanks  回复  更多评论
  

只有注册用户登录后才能发表评论。