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. ICML论文|阿尔法狗CTO讲座: AI如何用新型强化学习玩转围棋扑克游戏

    今年8月,Demis Hassabis等人工智能技术先驱们将来到雷锋网“人工智能与机器人创新大会”.在此,我们为大家分享David Silver的论文<不完美信息游戏中的深度强化学习自我对战&g ...

  2. 教Alexa看懂手语,不说话也能控制语音助手

    Alexa.Siri.小度……各种语音助手令人眼花缭乱,但这些设备多是针对能力健全的用户,忽略了听.说能力存在障碍的人群.本文作者敏锐地发现了这一 bug,并训练亚马逊语音助手 Alex 学会识别美式 ...

  3. django 更新 模板语言

    Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{  }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 在Django的模板语言中按此语法使用:{{ 变量名 ...

  4. redis入门之jedis

    jedis是redis官方首选的java客户端开发包 开源托管地址:https://github.com/xetorthio/jedis 下载地址,以及maven, 依赖参考: 下面来编写一段程序进行 ...

  5. flask框架预备知识

    1.web预备知识 2.flask介绍 3.web框架的本质及分类 4.flask安装与基本设置 1.web预备知识 HTTP协议:https://www.cnblogs.com/wyb666/p/9 ...

  6. PyQt5系列教程(七)控件

    软硬件环境 Windows 10 Python 3.4.2 PyQt 5.5.1 PyCharm 5.0.4 前言 控件是PyQt应用程序的基石.PyQt5自带很多不同的控件,包括像button.ch ...

  7. 2. 修改myeclipse默认用户和时间

    方法一:将 @author 属性写死 . 通过菜单 Window->Preference 打开参数设置面板,然后选择: 1.Java -> Code Style -> Code Te ...

  8. SQL Server 2005 无法连接到WMI提供程序 无法执行 SQL Server 系统配置检查器

    无法连接到WMI提供程序.你没有权限或者该服务器无法访问/cannot connect to WMI provider. You do not have permission or the--由于计算 ...

  9. 迷你MVVM框架 avalonjs 1.3.9发布

    本次升级,avalon改进了许多内部方法,大大提升性能,并且带来异步刷新视图的新功能. ms-html内部不再使用异步 head元素中的avalon元素加入ms-skip指令 重构计算属性,现在超级轻 ...

  10. 如何判断int类型相等

    int  a=10: int b=10: a==b  通过==判断两个int值是否相等. if(a==b){ 相等 }else{ 不相等 }