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. 小朋友学Python(4)

    Mac下安装Python 3 Mac系统会自带Python 2.7.x.安装Python 3时,不要卸载Python 2.7.x,因为有Mac系统有一些库会依赖于Python 2.7.x. 安装步骤: ...

  2. Log4j发送邮件

    源码地址:https://github.com/mistbor/Log4jSendMail 引入activation.jar           log4j.jar            mail.j ...

  3. Redis安装测试

    1.在线下载,redis是C语言开发的,编译需要依赖一个gcc的环境: yum install gcc-c++,需要保证网络畅通,在线安装: 键入y 环境安装完成后,接下来安装redis; 可以先去h ...

  4. 关于QT中“崩溃”问题

    经常会遇到一个问题,程序运行崩溃! 1.release.debug直接运行崩溃. 2.程序可以运行但是点击界面崩溃. 3.debug模式崩溃,release正常. 4.软件里面的release和deb ...

  5. Spring MVC 学习笔记2 - 利用Spring Tool Suite创建一个web 项目

    Spring MVC 学习笔记2 - 利用Spring Tool Suite创建一个web 项目 Spring Tool Suite 是一个带有全套的Spring相关支持功能的Eclipse插件包. ...

  6. 代码: 日期和时间 datepicker

    bootstrap 的相关的时间插件 http://www.bootcss.com/p/bootstrap-datetimepicker/ jquery ui的日期插件 http://www.w3cs ...

  7. 26. 天马tomcat授权文件的影响因素

    问题:Tianma版本同一台机器的Server端序列号有时会显示空白 描述:同一台机器的tomcat,tianma版本序列号为空(如图) 解决:手动删除ABS_DOCUMENT\LiveBos目录下s ...

  8. as3 去掉字符串空白问题

    去掉内容的所有空白 function trim(str:String):String { })/g,""); } //[ ]内是一个中文空格一个英文空格 {}是说匹配一个到多个 / ...

  9. 多媒体基础知识之PCM数据

    1.什么是PCM音频数据 PCM(Pulse Code Modulation)也被称为脉冲编码调制.PCM音频数据是未经压缩的音频采样数据裸流,它是由模拟信号经过采样.量化.编码转换成的标准的数字音频 ...

  10. 3 并发编程-(进程)-join方法

    1.查看当前进程的进程号getpid() 和 其父 进程号 getppid() # 查看进程的pid from multiprocessing import Process import time,o ...