조건부 셀렉터로 입력이 가능한지요

<select id="wr_1" name="wr_1" onChange="wr_1_change(this.value);">
 <option value="과일">과일</option>
 <option value="채소">채소</option>
</select>
<select id="wr_2" name="wr_2">
 <option value="">없음</option>
</select>
 
<script>
function wr_1_change(wr_1) {
 var wr_2_html = "";
 if(wr_1 == "과일"){
  wr_2_html += "<option value='사과'>사과</option>";
  wr_2_html += "<option value='배'>배</option>";
  wr_2_html += "<option value='포도'>포도</option>";
 }else if(wr_1 == "채소"){
  wr_2_html += "<option value='배추'>배추</option>";
  wr_2_html += "<option value='무'>무</option>";
  wr_2_html += "<option value='시금치'>시금치</option>";
 }
 $('#wr_2').html(wr_2_html);
}
</script>