Question

点击文本框弹出div,选择div里面的值之后可以自动填写到文本框中,如何实现,求jquer

Answer 1

下面是我曾经用过的，符合你的要求，现在剥离出来给你
<script type="text/javascript">
$(document).ready(function(){
$("#quyu input").click(function(){
$("#tooltips").toggle(); //点击文本框弹出div
$("#tooltips").click(function(e) {
e.stopPropagation(); //点击弹出的div不做反应
});
});
$(document).click(function() {
$("#tooltips").hide(); //点击网页任意地方，div消失，与上面合起来就是点击除
}); //弹出的div之外的地方div消失
$(".quyu_selectGroups a").click(function(){
var thistext = $(this).text(); //获取点击的内容
$("#tooltips").hide(); //div消失
$("#quyu input").val(thistext); //值自动填写到文本框中
});
});
</script>

<div id="quyu"> <input type="text"/>
<div id="tooltips" style="border:solid 1px red; display:none;">
<ul class="quyu_selectGroups">
<li><a href="javascript:void(0);">test1</a></li>
<li><a href="javascript:void(0);">test2</a></li>
<li><a href="javascript:void(0);">test3</a></li>
<li><a href="javascript:void(0);">test4</a></li>
<li><a href="javascript:void(0);">test5</a></li>
</ul>
</div>
</div>

Answer 2

<script type="text/javascript">
$(document).ready(function(){
$("#quyu input").click(function(){
$("#tooltips").toggle(); //点击文本框弹出div
$("#tooltips").click(function(e) {
e.stopPropagation(); //点击弹出的div不做反应
});
});
$(document).click(function() {
$("#tooltips").hide(); //点击网页任意地方，div消失，与上面合起来就是点击除
}); //弹出的div之外的地方div消失
$(".quyu_selectGroups a").click(function(){
var thistext = $(this).text(); //获取点击的内容
$("#tooltips").hide(); //div消失
$("#quyu input").val(thistext); //值自动填写到文本框中
});
});
</script>

<div id="quyu"> <input type="text"/>
<div id="tooltips" style="border:solid 1px red; display:none;">
<ul class="quyu_selectGroups">
<li><a href="javascript:void(0);">test1</a></li>
<li><a href="javascript:void(0);">test2</a></li>
<li><a href="javascript:void(0);">test3</a></li>
<li><a href="javascript:void(0);">test4</a></li>
<li><a href="javascript:void(0);">test5</a></li>
</ul>
</div>
</div>