较好的上拉菜单

较好的下拉菜单
var cp = "";
$(function() {
    cp = $('#checknossdata').val();
    var url = cp+"/noss/page/nossdatainfo/getTableRuleNameListforJson.do";
    initialTrans(url,{tableruleFlag:1}, $('#tablerule'));
    initialTrans(url,{tableruleFlag:0}, $('#partrule'));
//  级联写法
// $('#tans_type').change(function() {
//        var parent_id = $(this).val();
//        var sel_obj = $("#tans_prof");
//        var param = {menu_level:2,parent_id:parent_id};
//        removeOption($("#tans_busi"));
//        initialTrans(url,param, sel_obj);
//    });

}) ;

/**
* 初始化级联数据
* @param obj        下拉列表对象
*/
function initialTrans(url,param,obj) {
    removeOption(obj);
    $.post(
        url,
        param,
        function(data) {
            $.each(data, function(i,n) {
                var op = optionStr(n.tablerule_id, n.tablerule_name);
                obj.append(op);
            });
        },
        "json"
    )
}
//删除option元素
function removeOption(obj) {
    obj.find("option").each(function(i) {
        if(i > 0) {
            $(this).remove();
        }
    });
}
//动态生成option字符串
function optionStr(value,text) {
     var option = "<option value='"+value+"'>"+text+"</option>";
    return option;
}