selectedIndex和onchange事件

<input type="text" id="inp" />
      <textarea name="" rows="" cols="" id="wen"></textarea>
      <br />
      来自何方：<select name="" id="sel">
         <option value="0">武汉</option>
         <option value="1">潜江</option>
         <option value="2">襄阳</option>
         <option value="3">黄石</option>
         <option value="4">孝感</option>
      </select>
      <script type="text/javascript">
         var  wen = document.getElementById("wen");
         var id = document.getElementById("sel");
         var arr = ["武汉","潜江","襄阳","黄石","孝感"];
         sel.onchange = function(){
            // console.log(arr[sel.value]) 获取其中属性
            wen.innerHTML=arr[sel.value];
            console.log(sel.selectedIndex) //selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。
         }
//       存数据能小尽量小
//       sex   男 1  女 0
         
         
      
         var inp = document.getElementById("inp");
         
//       inp.onfocus = function(){
//          console.log("聚焦了")
//       }
//       inp.onblur = function(){
//          console.log("失焦了")
//       }
         
         
         inp.onchange = function(){ 
            console.log("文本内容发生了变化，必须失焦才能触发");
            console.log(inp.value)
         }