较好的下拉菜单

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;
}