select框根据传入值默认选中的公共方法

最新推荐文章于 2024-07-20 20:11:36 发布

Mr_daiven

最新推荐文章于 2024-07-20 20:11:36 发布

阅读量7.5k

点赞数

分类专栏： JavaScript 文章标签： Javascript select

本文链接：https://blog.csdn.net/DWL0208/article/details/82711672

版权

本文介绍如何在项目开发中创建一个公共方法，用于根据传入的值使JavaScript的select元素默认选中。通过扩展jQuery的$.fn命名空间，实现了$.fn.selectDefault方法，使得每个jQuery实例都能调用此方法来设置select的默认选中项。HTML页面中，传入相应的option数据和值，即可实现预设的选中效果。

摘要由CSDN通过智能技术生成

在项目开发中有许多select需要根据传入值默认选中，开发公共的方法就很有必要。

/**
 * @param options
 * initvalue 初始选项
 * dic 字典json
 * value 选择项
 */
$.fn.select = function(options) {
    var select = this;
    if(options.initvalue!=null&&options.initvalue!=''){
        this.append("<option>"+options.initvalue+"</option>");  
    }
	
    var dic = options.dic;
    
    for(key in dic){
        if(key == options.value){
        	select.append("<option value='"+key+"' selected>"+dic[key]+"</option>");
        }else{
        	select.append("<option value='"+key+"'>"+dic[key]+"</option>");
        }
    }
};

$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法