首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

jquery 中怎么实现点击文本框弹出列表信息选择

2012-09-18 
jquery 中如何实现点击文本框弹出列表信息选择上图中,怎么样用jquery实现点击文本框后弹出下面的港口选择

jquery 中如何实现点击文本框弹出列表信息选择


上图中,怎么样用jquery实现点击文本框后弹出下面的港口选择的列表,供用户选择,将用户选择的结果填入文本框后自动关闭。

  
  在网上找了很多代码,都不好用

[解决办法]

HTML code
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <script src="jQuery-ui-1.8.18.custom/js/jquery-1.7.1.min.js" type="text/javascript"></script>    <script>        window.onload = function () {            $("#i").click(function () {                var div = $("#ii");                var divoffset = $(this).offset();                div.attr("style", "position:absolute;display:block;");                div.css({ left: divoffset.left,top: divoffset.top+$(this).height()+5})            })        }        function closediv() { var div = $("#ii"); div.hide() }    </script></head><body>    <form id="form1" runat="server">    xxxxxxxx    <input id="i" />    <div id="ii" style="display: none" >        asdfasas        <span onclick="closediv()">关闭</span>    </div>    </form></body></html> 

热点排行