Html select标签

创建

直接撸代码

  Volvo
  Saab
  Opel
  Audi

Form 事件

这里主要介绍onchange，
在下拉列表的值改变时触发

       --请选择客户分类--                     
       消费电子
       家用电器
       通信与网络
       汽车与运输
       工业
       医疗保健
       军事与太空
       安防与消防
       电力与能源
       其他
 

属性

• selected默认选中
  在上面的代码中

    --请选择客户分类--
  

  option标签里加上selected属性，表示默认选中。

• autofocus 规定在页面加载后文本区域自动获得焦点。

   
      Volvo
      Saab
      Opel
      Audi
   
  

• disabled 规定禁用该下拉列表

    
          Volvo
          Saab
          Opel
          Audi
    
  

• form 规定文本区域所属的一个或多个表单。

    
  
       Firstname:
       
    
    
    
       Volvo
       Saab
       Opel
       Audi
     
  

  这里规定下拉列表属于carform表单

• multiple 属性规定可同时选择多个选项。

    
    	Volvo
    	Saab
    	Opel
    	Audi
    
  

  注意：
  在不同操作系统中，选择多个选项的差异：
  1. 对于 windows：按住 Ctrl 按钮来选择多个选项
  2. 对于 Mac：按住 command 按钮来选择多个选项
  由于上述差异的存在，同时由于需要告知用户可以使用多项选择，对用户更友好的方式是使用复选框。

• name 规定下拉列表的名称

• size 属性规定下拉列表中可见选项的数目。

    
      Volvo
      Saab
      Opel
      Audi
    
  

  这种情况下我们下拉列表显示了两个选项，且变成了点击上下切换了（默认是悬浮下拉）。

选中

选中某一个值

$('input[name="selectName"]').find('option[value="youWantValue"]').attr('selsected','selected');