动态填充html select tag的options

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

调用代码参考例子:

 

[javascript][/javascript] view plaincopyprint?

  1. var s5 = this.select.create();
  2. s5.bind(“s5”);
  3. s5.addOption(0, “GMT+0”);
  4. s5.addOption(1, “GMT-8”);
  5. s5.addOption(2, “GMT+8”);
  6. s5.choose(1);

select.js源代码:

 

 

[javascript][/javascript] view plaincopyprint?

  1. define(“select”, [“jquery”], function ($) {
  2.     ‘use strict’;
  3.     return {
  4.         // create a selector object
  5.         create: function () {
  6.             var innerSelect = {
  7.             id: “”,
  8.             // using JQuery slector to set the inner HTML codes
  9.             bind: function(id) {
  10.                 this.id = id;
  11.             },
  12.             // add an option which contains value and text
  13.             addOption: function(value, text) {
  14.                 var t, option;
  15.                 t = “<option value={0}>{1}</option>”;
  16.                 option = jQuery.validator.format(t, value, text);
  17.                 $(“#” + this.id).append(option);
  18.             },
  19.             // select one existing option
  20.             choose: function(value) {
  21.                 $(“#” + this.id).val(value);
  22.             }
  23.             };
  24.             return innerSelect;
  25.         }
  26.     };
  27. });

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

标签