可以输入的下拉框实现方法

来源：互联网发布：淘宝内衣买家秀禁止编辑：程序博客网时间：2024/05/01 23:58

可以输入的下拉框其实就是select和input的组合使用

<!--作者：尤成军时间：2016-12-11描述：可以输入的下拉框--><!DOCTYPE html><html><head><title></title><meta charset="UTF-8" /><script type="text/javascript" src="js/jquery-1.8.0.js"></script><style>* {margin: 0px auto;padding: 0px auto;}body{width: 200px;height: 80px;border: 1px solid;}</style></head><body><div style="text-align: center;margin-top: 10px;"><select id="select" style="width:150px;height:21px;" onchange="a()"><option value="1">爬楼高手</option><option value="2">隔壁老尤条</option></select><input id="_input" style="width:130px;height:15px;margin-left:-157px;"  type="text"  /></div><input type="button" onclick="b()" style="margin-top: 10px;margin-left: 100px;" value="显示值" /></body><script>function a() {$("#_input").val($("#select option:selected").text());}function b(){alert($("#_input").val());}</script></html>

图文视频效果展示

0 0