jquery仿jquery mobile的select控件效果

不说废话。直接上代码

//仿jQuery mobile Select控件
//使用方法box为容器id,_id指控件id,selectvalue为选中值,Value为当前值
function SelectBox(box,_id,selectvalue,Value)
{
        if(Value != selectvalue)
        {
                $("#" + box).html("<input type=hidden value='" + Value + "'  + _id + "'><span on" + _id + "\" class=\"on\" width:0px\"></span><span off" + _id + "\" class=\"off\"></span>");
                $("#off" + _id).css("width","82px");
        }
        else
        {
                $("#" + box).html("<input type=hidden value='" + Value + "'  + _id + "'><span on" + _id + "\" class=\"on\"></span><span off" + _id + "\" class=\"off\" width:0px\"></span>");
                $("#on" + _id).css("width","82px");
        }
        $("#on" + _id).click(function(){
                $("#on" + _id).animate({width:"0px"},100);
                $("#off" + _id).animate({width:"82px"},100);
                $("#" + _id).val(Value);
        });
        $("#off" + _id).click(function(){
                $("#on" + _id).animate({width:"82px"},100);
                $("#off" + _id).animate({width:"0px"},100);
                $("#" + _id).val(selectvalue);
        });
}

用法：