通过模糊查询查询并显示下拉框

html写法:

 
 

js写法:

$(document).ready(function(){
 	$("#inputId").keyup(function(){
		$("#dataList option").remove();
		$.ajax({
			url: "地址",
			type: "POST",
			async: "json",
			data: {条件},
			success: function(result){
				for(var i in result){
				    var optionId = result[i].id;
				    var optionValue = result[i].name;
					var html = "";
					html += "";
					$("#dataList ").apend(html);
				}
			}
		});
	});
});

获取option中选中的value值及获取id值

var value = "";
var id = "";
value = $("#inputId").val();

var $options=$("#dataList ").children();
for(var i=0;i<$options.length;i++){
    if($options.eq(i).val().trim()==value.trim()){  //value不能为空
        id = $options.eq(i).attr("optionId"));
        break;
    }
}

你可能感兴趣的:(js应用)