Beautyselect

一个简易的下拉框美化控件,只有几十行,样式可在css中自定义。

Download .zip Download .tar.gz View on GitHub

创建下拉框


<select name="select" id="s1">
  <option value="1">选项1</option>
  <option value="1">选项2</option>
  <option value="1">选项3</option>
  <option value="1">选项4</option>
</select>

var beauty = $('select').beautySelect({
  onChange : function(e,data){
    console.log(this);
    alert(data);
  }
});

效果:

取值和赋值

取值 设置值


var value = beauty['s1'].val();
alert(value);

beauty['s1'].val(3);

添加新项

添加


beauty['s1'].val('选项5',5);