javascript中单击时，使select失去焦点？

HTML code:

mynewcell = mynewrow.insertCell();
mynewcell.innerHTML="<input type='text' name='WarehoseNameList' size='20' ondblclick='change_ware_input(this)' readonly value="+ wareName +" style='border: 0 solid #A6CAF0; background-color: #A6CAF0'>";

在javascript中change_ware_input这样写：
var warehouse="<SELECT name='SelectWarehoseNameList' onblur='change_ware_table(this)'>";
...
obj.parentElement.innerHTML=""+warehouse+"</SELECT>";

在change_ware_table方法：
obj.parentElement.innerHTML="<input type='text' name='WarehoseNameList' size='20' ondblclick='change_ware_input(this)' readonly value="+ obj.options[obj.selectedIndex].text +" style='border: 0 solid #A6CAF0; background-color: #A6CAF0'>";


想问下高手，当双击时text，text变成select ；当单击页面任何地方时，select又变回text？
原先select 里的onblur事件，必须选中select，选下select里的任何内容，单击时select才变回text。
而我现在想直接单击页面任何地方时，select又变回text。

---

谢谢楼上。不过不是我想要的。
我要实现的是：
在页面里有个添加按钮，点添加时，在页面上生成表格（数据从数据库来的），所以我用到mynewrow.insertCell()。
现在就是想做个可以编辑表格里的内容。比如上面我想双击表格里的'text' name='WarehoseNameList' ，将它变成 select（select里的