プルダウンメニューでエリアのみセレクトします．
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JSON Test</title>
</head>
<body>
<select name="arae_select" onChange="showtxt(this.value)">
<option value="area0" selected>エリアを選んでください</option>
<option value="area1">エリア１</option>
<option value="area2">エリア２</option>
</select>
<div id="zip_"></div>
<script type="text/javascript">
var txt = { //javascriptの配列をここで作りtxtに入れる
"area1":{
"地名1":"470-0000",
"地名2":"470-0001",
"地名3":"470-0002"
},
"area2":{
"地名4":"470-0003",
"地名5":"470-0004",
"地名6":"470-0005"
},
}
function showtxt(myvalue){//onChangeで選ばれた内容をmyvalueで受信する
console.log(myvalue);
var mytxt = "" + txt[myvalue]['地名3'];//txt配列のarea1の中の地名３の中身を取り出し，ダブルクォーテーションをつけて，mytxtに入れる
// console.log(mytxt); //ここはデバッグ用の行
document.getElementById("zip_").innerHTML = mytxt;//このhtml内のzip_ というidのついたタグをさがし，そこにmytxtを流し込む
}
</script>
</body>
</html>