两个不同id的div可以同时调用一个ul表单里的数据, 这样能实现吗？

举报该问题

推荐答案推荐于2016-11-12

可以实现，就是用一个变量记住当前选的是哪个文本框就行了。

你试试如下代码（我没优化，应该是做成循环更好）。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
var currentN=1;
$(document).ready(function(){
  $("#a1 input").click(function(){
$("#tooltips").toggle();                        //点击文本框弹出div
$("#a1").click(function(e) {
currentN=1;            //记住点击了哪个文本框
e.stopPropagation();                        //点击弹出的div不做反应
});
  });
  $("#a2 input").click(function(){
$("#tooltips").toggle();                        //点击文本框弹出div
$("#a2").click(function(e) {
currentN=2;            //记住点击了哪个文本框
e.stopPropagation();                        //点击弹出的div不做反应
});
  });

  $(document).click(function() {
    $("#tooltips").hide();                        //点击网页任意地方，div消失，与上面合起来就是点击除
  });                                                      //弹出的div之外的地方div消失
  $(".quyu_selectGroups a").click(function(){
    var thistext = $(this).text();            //获取点击的内容
    $("#tooltips").hide();                      //div消失
    $("#a"+currentN+" input").val(thistext);        //值自动填写到(*当前点击的那个*）文本框中
  });
});
</script>
</head>
<body>
<div id="a1"><input type="text"></div>
<div id="a2"><input type="text"></div>
    <div id="tooltips" style="border:solid 1px red; display:none;">
<ul class="quyu_selectGroups">
<li><a href="javascript:void(0)">text1</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>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://11.wendadaohang.com/zd/Fv87MvPS8F4FvFFvSPq.html

其他回答

第1个回答 2015-01-23

是指<ul class="quyu_selectGroups">这个下面的所以li的内容吗？如果是的话，你可以使用$('.quyu_selectGroups')这样来获取到这个ul，然后使用$('.quyu_selectGroups').find('li')就能获取到所有的li标签了

第2个回答 2014-12-29

这不是很简单吗？你定义一个div _data专门用来放li数据的，
再定义多个div_box 专门用来显示的，
那么div_box.html=div_data.html 这样不就可以了？追问

具体怎么做？能说详细点吗？

第3个回答 2014-12-29

可以的，但是最好不要这样，id就是唯一的代表追问

可能你没有看懂我的意思，
这些a1和a2的id都没有重复的，
我想问这个a1和a2能不能只用一个“tooltips”里的li作为它作的弹出框？
而不用复制多一份“tooltips”分别调用，
如果可以，具体怎么做？能说详细点吗？

相似回答

如何用javascript同时控制两个div?答：控制一个会不会？换成两个不就行了。。。举个例子。。。实际不是这么写的 一个的时候：onclick = function() { div1.taggle();} 两个的时候：onclick = funciton() { div1.taggle();div2.taggle();}

大家正在搜

一个div里面有两个怎样让两个div在一行怎么让两个div在同一行浮动 div class和id的区别两个div定到一行 jquerydiv的id jquery获取div的id html怎么让两个div并排获取div的id