选择选框显示设置

　　

上图示

这里是选选择框,初始化显示和平常一样

选择选框显示设置

点击文本框选择,会弹出浮动层,显示选项,并且有清空,关闭,按钮

选择选框显示设置

点击后,会把选项里的内容添加到文本框里面

选择选框显示设置

<人力资源/>

html代码

& lt; div 类=皊pyy-box 步骤2”比; 　　,,,,,办理单位:& lt; input  type=" text ", id=皊pyy-danwei”,, name=" b ",得到焦点=癰.blur(),/比; 　　,,,,,& lt; div 类=皊elect-danwei”,在 　　,,,,,& lt; div 类=皊pyy-title”比; 　　,,,,,,,& lt; b>请选择办理单位& lt;/b> 　　,,,,,,,& lt; em>关闭& lt;/em> 　　,,,,,,,& lt; span>清空& lt;/span> 　　,,,,,& lt;/div> 　　,,,,,& lt; ul> 　　,,,,,,,& lt; li>税务局& lt;/li>,,,,,, 　　,,,,,,,& lt; li>发改委& lt;/li> 　　,,,,,,,& lt; li>规划局& lt;/li>,, 　　,,,,,,,& lt; li>技术监督局& lt;/li>,, 　　,,,,,,,& lt; li>烟草专卖局& lt;/li>,, 　　,,,,,,,& lt; li>文广新局& lt;/li>,, 　　,,,,,,,& lt; li>供电公司& lt;/li>,, 　　,,,,,,,& lt; li>气象局& lt;/li>,, 　　,,,,,,,& lt; li>土地流转中心& lt;/li>,, 　　,,,,,,,& lt; li>农牧局& lt;/li>,, 　　,,,,,,,& lt; li>税务局& lt;/li>,,,,,, 　　,,,,,,,& lt; li  value=" https://www.yisu.com/zixun/33 "祝辞发改委& lt;/li> 　　,,,,,& lt;/ul> 　　,,,,,& lt;/div> 　　,,,,,办理事项:& lt; input  type=" text ", id=皊pyy-content”,,/比; 　　,,,& lt;/div>

javascript代码,

这里使用的是金桥库

,,& lt; script  type=" text/javascript祝辞 　　$(文档)时函数(){ 　　,,,//选择单位 　　美元才能(“# spyy-danwei”) .click(函数(){, 　　,,,(.select-danwei)美元.fadeIn(“快”);, 　　,,}); 　　,,,//对每一个李元素监听 　　美元才能(“.select-danwei 李”). each(函数(i) {, 　　,,,(这).click(美元函数(){, 　　美元才能(# spyy-danwei) .val((()美元。text ())),, 　　(“.select-danwei”)美元才能.fadeOut(“快”);, 　　}),, 　　,,}); 　　,, 　　,,,//标题栏关闭和清空,, 　　美元才能(.spyy-title  em) .click(函数(){, 　　,,,(.select-danwei)美元.fadeOut(“快”);, 　　,,}); 　　,, 　　美元才能(“.spyy-title 跨度”).click(函数(){ 　　,,,(.select-danwei)美元.fadeOut(“快”);, 　　$ (' # spyy-danwei ') .val (" "),, 　　,,}); 　　,, 　　,,}); 　　& lt;/script>

附件可下载

<人力资源/>


静静深夜月涌江流

心似晴空理想当头

行似深夜智慧江流

人生代代无穷无已

你来我往谁为先手

人生如棋黑白相间

局里局外一生好走


　　附件:http://down.51cto.com/data/2366633

选择选框显示设置