多选美化

kn
2018-01-26 10:03:25
前端

html

<div class="form-group">
	<label for="input-name" class="col-sm-2 control-label"><span class="form-required">*</span>辩证分析</label>
	<style type="text/css" media="screen">
	ul.ui-choose li{
	    width: 130px;margin: 1px;padding: 0 8px;
	}
        </style>
	<div class="col-md-6 col-sm-10">
	    <select class="ui-choose" multiple="multiple" id="uc_04" style="display: none;">
		<volist name='disease' id='vv'>
		    <option value="{$vv.id}">{$vv.name}</option>
		</volist>
	    </select>
	</div>

	<input type="hidden" name="medical" id='medical' value="">
</div>

2.js

    $('.ui-choose').ui_choose();
    var uc_04 = $('#uc_04').ui_choose();
    uc_04.click = function(value, item) {
        $("#medical").val(value);
    };

3.插件

http://knsay.com/html/select/ui-choose.css

http://knsay.com/html/select/ui-choose.js

本文为看恩吧原创文章,转载无需和我联系,但请注明来自knsay.com

打赏