# kSelect

**Repository Path**: imkiven/kSelect

## Basic Information

- **Project Name**: kSelect
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-02-18
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

****************************自定义下拉框(kSelect)帮助文档**********************************


*******如何使用********
一：自定义下拉框由div组成，需要符合对应的格式

HTML下拉框格式为：						  	        kSelect下拉框格式为:        
<select name="htmlSelect">							<div name="kSelect">            //如果需要表单提交，则设置name属性
	<option value="1">一</option>		转换为			<div value="1">一</div>
	<option value="2">二</option>    ------------->		<div value="2">二</div>
	<option value="3">三</option>						<div value="3">三</div>
</select>											</div>

二:调用kSelect方法进行初始化
kSelect.loadSelect(selectDom,option);//selectDom为需要初始化的下拉框DOM对象,option为对应的参数（参数列表在后面会给出）

kSelect.loadSelectAll();//一次性初始化页面上所有下拉框 (需要给下拉框的class设值为kSelect) 例：<div class="kSelect">
																							   <div value="1">一</div>
																							   <div value="2">二</div>
																							   <div value="3">三</div>
																						  </div>
------------------------------------------------------------------------------------------------------------------------
option参数
var  option = {															
			selectWidth	:"100"			//select宽度
 			optionWidth :"100"			//option宽度																				
			title 		:"标题"			//下拉框标题
			type 		:"basic"		//下拉框类型 { event :事件型下拉框,basic ：基本下拉框 }
			scroll:{					//滚动条
				size	:10				//size为option个数，超过则启用滚动条，默认为10
			}			 										
 	};
 	
-------------------------------------------------------------------------------------------------------------------------