html5下拉列表怎么获取数据,简单的ajax获取select下拉框数据组件【原创】

  • Post author:
  • Post category:其他


最近写项目发现有很多页面的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