jsp程序设计中用javascript动态向页面添加控件

<html>
  <head>
<script type="text/javascript">
function hiddenAll(){
document.getElementById("txtID").style.display="none";
document.getElementById("selJob").style.display="none";
}
function setInput(o){
hiddenAll();
if(o.value=="id"){
document.getElementById("txtID").style.display="inline";
}
if(o.value=="job"){
document.getElementById("selJob").style.display="inline";
}
}
</script>
  </head>
  
  <body>
    <select onchange="setInput(this)">
     <option value="id">编号</option>
     <option value="job">职位</option>
    </select>：
    <input type="text" name="txtID" id="txtID">
    <select name="selJob" id="selJob" style="display:none">
     <option value="总经理">总经理</option>
     <option value="程序员">程序员</option>
    </select>
  </body>
</html>