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. js常见兼容

    滚动条的兼容写法(谷歌chrome) document.documentElement.scrollTop || document.body.scrollTop   阻止浏览器默认行为的兼容写法  e ...

  2. jenkins将构建成功或失败的信息发送给指定URL(eg: pomelo采用jenkins持续集成)

     先提供一个思路供大家参考,想将构建成功或者失败的信息发送给指定URL的话,可以这样:1.A构建后触发另一个构建B,构建B执行某个插件2.插件的功能:   (1)利用jenkins API获取构建A最 ...

  3. linux计划任务crontab的使用

    参考网站:https://www.cnblogs.com/intval/p/5763929.html 编辑计划任务:    crontab -e 查看计划任务:    crontab -l 使用实例: ...

  4. scala.XML处理

    XML scala提供了对xml字面量的内建支持,我们可以很容易的在程序代码中生成xml片段, scala类库也包含了对xml常用处理的支持 有时候scala会错误识别出xml字面量 如x < ...

  5. HTML5 监听移动端浏览器返回键兼容版本

    // 往windosw对象中的历史记录注入URL的方法 function addUrl() { var state = { title: "title", url: "# ...

  6. viewer 照片查看器

    viewer 照片查看器 效果: api: https://github.com/fengyuanchen/viewerjs#methods npm: npm install viewerjs 使用: ...

  7. 将 MyBatis3 的支持添加到 Spring

    http://www.mybatis.org/spring/zh/index.html What is MyBatis-Spring? MyBatis-Spring 会帮助你将 MyBatis 代码无 ...

  8. C#--Winform项目核心模块--考勤模块

    C#--Winform项目核心模块--考勤模块(一) C#--Winform项目核心--考勤模块(二) C#--Winform项目核心模块--考勤模块(三)

  9. idea常用设置(持续更新)

    1.注释模板 Setting里找到live Templates (1)创建一个Templates Group (2)在Templates Group下创建Live Template 2.常用内置模板 ...

  10. jstatd - Virtual Machine jstat Daemon

    jstatd [options] 参数:options 命令行参数,可以按任何顺序,但如果有多余的或者中有互斥的参数,最后制定的那个参数将有优先权 options: -nr 当一个存在的RMI Reg ...