如何在选择选项时显示div

Question

我试图通过onChange事件看到一个看不见的<div>。但它没有用。

首先我创建了一个<div>，用户可以在其中选择一个选项：

<div class="cusarea">
 <select class="form" name="cus_id" id="cus_id" onChange="getArea(this.value)" style="width: 100%;">
 <option selected disabled hidden value=""></option>
 <option value="1">1 | Name</option>
 <option value="2">2 | Name</option>
 <option value="3">3 | Name</option>
 </select>
</div>

选择<option>后，需要显示以下<div>：

<div id="cusinfoarea" style="display:none;">
 <label>Cus name</label>
 <input type="text" name="name" id="name" width="100%" class="form" />
</div>

我正在使用以下javascript代码：

<script type='text/javascript'>
 function getArea() {
  $('#cus_id').blur(function() {
   if($(this).val() != ""){
     $("#cusinfoarea").show();    
   }
  });

  $('#cus_id').focus(function() {
   $("#cusinfoarea").show();
  });   
 }
</script>

当我更改<option>时，什么也没发生。有人知道我的代码有什么问题吗？

编辑：我正在尝试在更改选项后显示div。不显示基于所选值的div。我不是JavaScript专家，也是基于选择值＆＃39;显示div的解决方案。问题不适合我。