select标签multiple属性的使用方法

        前些日子公司让做一个功能模块,对于里面一个小功能费了些周折,现将其总结一下:

        一、实现效果:

select标签multiple属性的使用方法_第1张图片

        一、实现代码1:



	
		select标签multiple属性的使用方法
		
		
	

	
		
select标签multiple属性的使用方法

未选择 操作 已选择





        【0分下载资源

        二、实现代码2:



	
		select标签multiple属性的使用方法
		
		
	

	
		
select标签multiple属性的使用方法

未选择 操作 已选择





        对比代码1和代码2:

        两段代码实现的效果是一样的,唯一的区别在于代码2中为每个option标签添加了title属性——主要为了应对option选项长度超过select宽度时能为用户提供更好的用户体验。

你可能感兴趣的:(JavaScript)