可输入的下拉框&&输入框为空时的处理

一般可输入的下拉框都需要模拟，比较繁琐，这里给出一个简单的Demo展现不需要模拟的可输入下拉框。。。

在此使用了大量的blur和focus，主要是从细节考虑，提升用户体验。。。 ^^

如图：

可输入的下拉框&&输入框为空时的处理

code如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <mce:script type="text/javascript" src="jquery.js" mce_src="jquery.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <div class="saveTag"> <div class="saveTagPanel"> <span > <select > </select> </span> <table style="background-color: rgb(240, 245, 249);" mce_style="background-color: #f0f5f9;"> <tbody><tr> <td> Pls input: </td> <td> <table style="border: 1px solid rgb(127, 157, 185);" mce_style="border: 1px solid #7f9db9;" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="black"> <input name="box" > </td> <td align="right" width="17"> <img > </td> </tr> </tbody></table> </td> </tr> </tbody></table> </div> <div class="saveTagBottom"> <button onclick="save()" disabled="disabled" >ok</button> </div> </div> </body></html>