js 可模糊查询可多选下拉框,获取值

本文介绍了如何使用JavaScript创建一个支持模糊查询且可多选的下拉框,并详细讲解了如何获取选定值的方法。通过示例代码展示了HTML和JavaScript的实现过程。

js 可模糊查询可多选下拉框,获取值

html

<div class="input-group">
	<span class="input-group-addon">备品备件设备</span>
	<select id="equipName" name="equipName" class="form-control selectpicker" multiple
		data-live-search="true" title="请选择设备名称">
	</select>
</div>

js

//加载设备名称
$('#equipName').selectpicker({
	'selectedText': 'cat',
});
//初始化设备名称
this.queryEquipInfo();


/**
 * 初始化设备名称下拉框
 */
StockIn.prototype.queryEquipInfo=function(){
	$("#equipName").empty();
	$.ajax({
		type : "post",
		url : "/promng/stockin/queryEquipInfo.action",
		success :function(data) {
			if (data.isSuccess) {
//				var option = '';
				for(var i=0;i<data.data.length;i++){
					var option = $('<option>').val(data.data[i].id).data(data.data[i]).text(data.data[i].name);
//					option+='<option value="'+data.data[i].id+'" info='+JSON.stringify(data.data[i])+' >'+data.data[i].name+'</option>';
					$("#equipName").append(option);
				}
				$("#equipName").selectpicker('refresh');
				$("#equipName").selectpicker('render');
			}
		},
		error : function(e) {
//			commonAlert("数据异常,请刷新后重试!","warning");
		}
	});
}


//获取备品备件设备的id、code和type
	var select = document.getElementById("equipName");
    var equipName = [];
    for(i=0;i<select.length;i++){
        if(select.options[i].selected){
        	equipName.push($(select[i]).data());
	       }
	}
    this.equipMap[assetName] = equipName;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值