最近写项目发现有很多页面的select下拉框里的option需要Ajax获取数据,但是环境又不相同,有时要页面加载后加载出来,有时在一个点击后加载出来,每个页面都写的话太麻烦,效率不高,所以自己封装了个组件,很单一,只写了关于select下拉框的数据获取。
下面是html页面的代码:
selectAjax
$(function(){
//配置参数
$(‘#abc’).selectAjax({
url: ‘http://192.168.1.123’,
optionVal:’id’,
optionText:’name’,
selectedVal:’232′,
array:[‘data’,’info’]
});
})
因为第一次封装插件,所以很简单,代码也不多,在这里就直接把源码贴出来了
(function($){
$.fn.extend({
//插件名称 – selectAjax
selectAjax: function(options) {
//默认参数
var defaults = {
url:”, //要获取数据的url
optionVal:”, //option的value值,ajax获取的json数据或数组的键名 比如{name:’Jonny’}, 这里就填name
optionT