JS如何获取PHP循环中的ID 

kaalrz
二路公交车 

 
结帖率:83.33%
 

首先抱歉,因为昨天那帖图片几次都不能用,修改到不能再次修改,今天早上回帖又提示没有这个帖,只好重发一次。

如图所示:白色数字1,2,3等是从数据库中用PHP查询出来数据,下面66,1,2,5是会员ID。
想做一个JS效果,当点击的时候,下面蓝色背景弹框的购买编号:1。
现在只能得到点击得到的都是1,不管点哪一个框,都是同样的结果,并没有得到固定鼠标点击的值。

想得到当我点击白色1,蓝色的背景中编号:1,当点击3的时候,蓝色背景编号是:3

PHP code

 

?

1
2
3
4
5
6
7
8
9
10
11
<!--{loop $hmmnum $numten}-->
    <div class="newstitle" id="newstitle" onclick="clo()">
        <a id="numid">$numten[wid]</a>                   
        <!--判断从数据库中查询该号码是否被购买,显示购买者名字-->
        <!--{loop $userlist $userid}-->
            <!--{if $numten[wid] == $userid[wid]}-->
            <p id="uid">$userid[uid]</p>                   
            <!--{/if}-->
        <!--{/loop}-->                   
    </div>
<!--{/loop}-->

这是discuz中一个循环得到的结果在htm页面输出,得到上一楼白色1,2,3,4,5这样的ID编号。

这是点击上面循环得到ID输出的位置。

XML/HTML code

 

?

1
确定购买编号:<label id="hmid"></label>

这个是简单的JS

JavaScript code

 

?

1
2
3
4
5
6
7
8
9
<script>
function clo()
{
    var gid = document.getElementById("numid").innerText;
    var gxs = document.getElementById("hmid");
    gxs.innerText = gid;
    document.getElementById("closeinfor").style.display='block';
}
</script>

点击如上楼的白色数字1,2,3,4,5的数字按钮时,下面lable标签输出点击层的ID值。

也查了不少帖,可能是哪一个位置掉了个链子,PHP在页面执行时就得到了这些数字,请高人指点一下。

 
发表于: 2011-12-28 09:35:19 楼主

回复次数:12

 
 
xuzuning 
xuzuning 

 
   更多勋章
<div class="newstitle" id="newstitle" onclick="clo(this)">

<script>
function clo(o)
{
    var gid = o.getElementsByTagName("a")[0].innerText;
    var gxs = document.getElementById("hmid");
    gxs.innerText = gid;
    document.getElementById("closeinfor").style.display='block';
}
</script>

回复于: 2011-12-28 10:24:24#9 得分:40

 

JS如何获取PHP循环中的ID的更多相关文章

  1. js如何获取地址栏上的参数id

    直接上js代码   方法1: 父页面跳转地址栏带id>>>>window.location.href='${ctxAdmin}/study/checkForm?id='+id+ ...

  2. freemark页面中获取list循环中的counter

    如何在freemark页面中获取到当前list循环的counter 直接上代码 <#list lists as x> <#assign j=x?counter> ${j} // ...

  3. JS如何获取Input的name或者ID?

    <input name="music" type="image" id="music" onclick="loadmusic ...

  4. django for 循环中,获取序号

    模板的for循环中,如何获取序号? 想过用enumerate,但是在模板中会报错 Could not parse the remainder xxx: 后来搜到 forloop.counter,完美解 ...

  5. vue 如何在循环中 "监听" 的绑定v-model数据

    vue 如何在循环中 "监听" 的绑定v-model数据 阅读目录 vue 如何在循环中 "监听" 的绑定v-model数据 1. 普通属性的值进行监听 2. ...

  6. Js/Jquery获取iframe中的元素

    转载: Js/Jquery获取iframe中的元素 - - ITeye技术网站http://java-my-life.iteye.com/blog/1275205 在web开发中,经常会用到ifram ...

  7. Js动态获取iframe子页面的高度////////////////////////zzzz

    Js动态获取iframe子页面的高度   Js动态获取iframe子页面的高度总结 问题的缘由 产品有个评论列表引用的是个iframe,高度不固定于是引发这个总结. 方法1:父级页面获取子级页面的高度 ...

  8. JS远程获取网页源代码的例子

    js代码获取网页源代码. 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> < ...

  9. 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。

    先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 复制代码 ...

随机推荐

  1. CSS属性 table 的 border-collapse 边框合并

    说明 该CSS属性用来设定表格的行和列的边框是合并成单边框,还是分别有各自的边框 separate 缺省值.边框分开,不合并.collapse 边框合并.即如果相邻,则共用同一个边框. 虽然在DIV+ ...

  2. css模拟下拉菜单

    <!DOCTYPE html > <head>     <meta http-equiv="Content-Type" content="t ...

  3. Python3 引入sqlite3时出现错误:ModuleNotFoundError: No module named '_sqlite3'

    在Python3 中内置了SQLite3,但是在编译安装完之后执行: import sqlite3 出现错误: ModuleNotFoundError: No module named '_sqlit ...

  4. Selenium如何定位动态id的元素?

    怎么定位这类型的元素呢? 根据其他属性定位如果有其他固定属性,最先考虑的当然是根据元素的其他属性来定位,定位方式那么多,何必在这一棵树上吊死.. 根据相对关系定位根据其附近的父节点.子节点.兄弟节点定 ...

  5. spring-boot+quartz的CRUD动态任务管理系统

    版权声明:作者: 小柒 出处: https://blog.52itstyle.com 分享是快乐的,也见证了个人成长历程,文章大多都是工作经验总结以及平时学习积累,基于自身认知不足之处在所难免,也请大 ...

  6. 前端开发-4-HTML-table&form&表单控制 标签

    1.table标签 <!DOCTYPE html> <html lang="cn"> <head> <meta charset=" ...

  7. python list()总结

      # 1 列表的创建,用方括号表示[ ] name=['xiaolei','xiaoman','lixia','xiaolei'] # 2 列表的查询,通过索引值差值,第一位索引为0 #倒数第一个 ...

  8. 认识serviceLoader

    最近在研究系统设计方面的东西,发现有很多通用的解决方案,包括spring配置扩展以及serviceLoader的应用,这里简单记录下serviceLoader的简单应用,网上例子很多,大同小异,本人觉 ...

  9. 使用root用户,在centos7中安装rabbitMQ

    参考地址: https://www.linuxidc.com/Linux/2018-01/150600.htm https://blog.csdn.net/summerhust/article/det ...

  10. Kotlin语言学习笔记(7)

    反射 // 反射 val c = MyClass::class val c2 = MyClass::class.java // 获取KClass的引用 val widget: Widget = ... ...