[已解决问题] 做仿google下拉提示遇到的两个问题，帮忙解决下
提问时间: 2008-07-14 12:41
悬赏分：20 浏览:192 次
效果跟google的下拉提示框差不多，就是当你在文本框输入"你"，文本框下面会弹出下拉提示框"你好"，"你是谁"等等,相关信息。
1，我想下拉提示框的高度可以控制。当提示信息多于10条的时候，高度为10信息提示的高度，多于数据用滚动条滚动可以查看。当提示信息少于10的时候，提示框高度与显示的条数自适应，比如说显示5条，那么就是5条的高度。
2，当你提交过页面后，比如说你在页面上输入“你好”，然后你调教。再次打开改页面，在文本框做输入时，会有一个历史的输入提示，也就是说会出现“你好”这样的下拉输入提示，而且这个挡住了我的下拉提示框。我要去掉他的下拉输入提示，怎么做。
1，我想下拉提示框的高度可以控制。当提示信息多于10条的时候，高度为10信息提示的高度，多于数据用滚动条滚动可以查看。当提示信息少于10的时候，提示框高度与显示的条数自适应，比如说显示5条，那么就是5条的高度。
2，当你提交过页面后，比如说你在页面上输入“你好”，然后你调教。再次打开改页面，在文本框做输入时，会有一个历史的输入提示，也就是说会出现“你好”这样的下拉输入提示，而且这个挡住了我的下拉提示框。我要去掉他的下拉输入提示，怎么做。
最佳答案
对于第一个，使用CSS的max-width控制最大高度以保证高度不超过10条又可以自动缩小到适合的高度，配合overflow来使条数超过10时显示滚动条
第二个简单，文本框有个属性叫autocomplete，设置值为off时会禁用，如<input type="text" autocomplete="off" />
第一个有问题，max-width不被IE6支持，需要IE7和FF2及以上版本
提问者对于答案的评价：问题前段时间解决了，今天有空把问题给结了，丁学的答案比较符合，虽然给的时候已经解决了，还是要感谢你，感谢你对园子的贡献，感谢对我们这些初学者的支持，谢谢啦。
2008/7/14 17:56:22
回答者：丁学
提问者对于答案的评价：问题前段时间解决了，今天有空把问题给结了，丁学的答案比较符合，虽然给的时候已经解决了，还是要感谢你，感谢你对园子的贡献，感谢对我们这些初学者的支持，谢谢啦。
其它回答(3)
|
这儿有你想要的东西
http://www.google.cn/search?hl=zh-CN&q=autocomplete&meta=&aq=f 微软的ajax 控件里面有个这样的东西 http://www.asp.net/AJAX/AjaxControlToolkit/Samples/AutoComplete/AutoComplete.aspx AjaxControlToolkit+webservice 自己写的话。。。要考虑兼容浏览器 |
评论
|
1个月前 火无极 : 颜昌钢 你好，MS的AJAX控件是有，而且很好用，但是我们公司不用啊，我们公司要按照自己的项目来写一个，所以不能用他的。谢谢你的提议。 |
|
|
1个月前 火无极 : 玉开 谢谢啦，第二个问题解决了，谢谢你的帮助。 |
|
1个月前 丁学 : 对于第一个问题，考虑使用两个div，外面使用固定高度为10行的使用overflow来控制滚动条，里面的div不定义高度，外面那个需要透明，就不能定义背景了，而且边框也不好加了，所以也不是太好 |
|
|
1个月前 火无极 : 丁学 谢谢,开始我也是这么做的,发现max-width不行,原来是IE6不起作用啊。第二个问题已经解决了。 |
|
|
1个月前 火无极 : 风海迷沙 谢谢你了，不过不用考虑浏览器的兼容，我们的客户说了要用IE6。之前有人提起过用MS的AJAX控件，我在自己的博客里就谢绝了，因为我上司不让用哦，呵呵。 |
|
|
1个月前 火无极 : 问题已经解决了，谢谢大家了。 滚动条的控制我做了一个判断就OK了，其实不复杂，我想多了，呵呵。 |
|
|
1个月前 火无极 : 问题已经解决，在http://www.cnblogs.com/huowujiyx/archive/2008/07/07/1237355.html回复中给出了解决方案。谢谢大家了，把最接近的答案给丁学吧，谢谢了。 |