Question

jquery如何实现这种效果

Answer 1

jq：
$(function(){
$("#text").click(function(){
$("#div").show();
});
$("#close").click(function(){
$("#div").hide();
});
$("#pin a").click(function(){
var thistext = $(this).text();
$("#text").val(thistext);

});

});
html：
<input type="text" value="酒店名称/品牌" id="text">
<div id="div">
<p align="right"><a href="javascript:void(0);" id="close">关闭</a></p>
<p>热门品牌</p>
<p id="pin">
<a href="javascript:void(0);" >神州商旅</a>
<a href="javascript:void(0);" >嘉利华</a>
<a href="javascript:void(0);" >欣燕都</a>
<a href="javascript:void(0);" >首旅建国</a>
</p>

</div>

css：自己搞定

Answer 2

$(':selected') 当选择上的时候就显示下面的div
详细看:http://www.w3school.com.cn/jquery/selector_input_selected.asp

Answer 3

太简单了 自己 动手试试

追问

我伤不起啊