动态填充html select tag的options

用AMD模块写了一额select.js,用来帮助我动态创建options,并选中其中一个。

调用代码参考例子:

        var s5 = this.select.create();
        s5.bind("s5");
        s5.addOption(0, "GMT+0");
        s5.addOption(1, "GMT-8");
        s5.addOption(2, "GMT+8");
        s5.choose(1);

select.js源代码:

define("select", ["jquery"], function ($) {
	'use strict';

	return {
		// create a selector object
		create: function () {
		    var innerSelect = {
			
			id: "",

			// using JQuery slector to set the inner HTML codes
			bind: function(id) {
			    this.id = id;
			},

			// add an option which contains value and text
			addOption: function(value, text) {
			    var t, option;
			    t = "<option value={0}>{1}</option>";
			    option = jQuery.validator.format(t, value, text);
			    $("#" + this.id).append(option);
			},
			
			// select one existing option
			choose: function(value) {
			    $("#" + this.id).val(value);			    
			}


		    };

		    return innerSelect;
		}
	};
});

不用AMD的人可以将代码稍微修改一下。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值