SlwUi（Super Lightweight UI）前端js插件输入框系列（2），自动完成SlwComplete，下拉选框SlwSelect, 标签输入SlwTag, 级联输入SlwCascade

      今天介绍输入框系列（2），自动完成SlwComplete，下拉选框SlwSelect, 标签输入SlwTag, 级联输入SlwCascade, 数值SlwSpinner插件。

基于jQuery，浏览器兼容（Browser Support）

• Internet Explorer:  7, 8, 9, 10, 11
• Chrome
• Edge
• Firefox
• Safari
• Opera

1、自动完成SlwComplete

源码：https://github.com/wang-weidong/SlwComplete

Demo: https://wang-weidong.github.io/SlwComplete/demo/index.html

2、下拉选框SlwSelect

（1）基于<Select >标签渲染，用户可以不该原来的程序，实现可以查询过滤的下拉选框。

<select id="entityType" name="entityType" class="form-control">
	<option value="1" selected="">单表</option>
	<option value="2">树型表</option>
	<option value="3">主表（一对多）</option>
	<option value="4">子表（一对多）</option>
	<option value="5">子表（一对一）</option>
	<option value="6">关联型主表</option>
	<option value="7">关联型子表</option>
	<option value="8">关联关系表</option>
</select>

$('#entityType').slwSelect();

代码：https://github.com/wang-weidong/SlwSelect

Demo: https://wang-weidong.github.io/SlwSelect/demo/index.html

（2）基于<input >标签渲染

<input class="form-control" id="json2" name="json2" type="text" value="2" />

$('#json2').slwSelect({
	'data' : "data/data2.json",
	'ajaxDataType' : 'json'
});

代码：https://github.com/wang-weidong/SlwSelect

Demo: https://wang-weidong.github.io/SlwSelect/demo/ext.html

3、标签输入SlwTag

源码：https://github.com/wang-weidong/SlwTag

Demo: https://wang-weidong.github.io/SlwTag/demo/index.html

4、级联输入SlwCascade

<tr>
	<td>级联(Cascade)</td>
	<td><input placeholder="请选择菜单" id="menu3" /></td>
	<td><input placeholder="请选择子菜单" id="menu4" /></td>
</tr>

var arrayMenu2 = [ $('#menu3'), $('#menu4') ];
Slw.cascade(arrayMenu2, {
	url : "data.json",
	selectInputQuery : false
});

源码：https://github.com/wang-weidong/SlwCascade

Demo: https://wang-weidong.github.io/SlwCascade/demo/index.html

5、数值输入SlwSpinner

$('#el').slwSpinner({
	style : 1, // 1: up, down; 2: minus, plus
	style_1_align : 'right', // style = 1时生效， 可设置为 right, left, both
	min : null,
	max : null,
	step : 1,
	precision : 0,
	width : '100%'
});

源码：https://github.com/wang-weidong/SlwSpinner

Demo: https://wang-weidong.github.io/SlwSpinner/demo/index.html