$(function(){
function objInit(obj){
return $(obj).html('<option value="">请选择</option>');
}
var arrData={
'北京市':
{
京A:'京',京B:'京',京C:'京',京D:'京',京E:'京',
京F:'京',京G:'京',京H:'京',京J:'京',京K:'京',
京F:'京',京M:'京',京Y:'京'
},
'天津市':
{
津A:'津', 津B:'津', 津C:'津', 津D:'津', 津E:'津',
津F:'津', 津G:'津', 津H:'津'
}
};
$.each(arrData,function(pF){
$('#selF').append('<option>'+pF+'</option>');
});
$('#selF').change(function(){
objInit('#selT');
$.each(arrData,function(pF,pS){
if($('#selF option:selected').text()==pF){
$('#selT').html(null);
$.each(pS,function(pT,pC){
$('#selT').append('<option>'+pT+'</option>');
});
}
})
});
$('#selF').trigger("change");
})
<select id="selF" style="width:75px;height:31px; border:1px solid #ddd;position:relative; top:1px;">
<option selected value="">请选省市</option>
</select>
<select id="selT" style="width:70px;height:31px; border:1px solid #ddd;position:relative; top:1px;">
<option value="">请选择</option>
</select>