php 使用JQuery id循环重复
遇到一个问题就是form循环的时候div的ID可能会重复,导致后台多个记录中只有第一个才能用jquery
这是头部JS
这是逻辑代码
这里就是调用的DIV
当 <td class="gps_name"><div id="ele3" class="tigger">操作</div></td> 循环出大于一条的时候,只有第一个“操作”能调出DIV,其他没有反应。
想知道如何让id="ele3"不重复,或者有什么办法让每个操作能调用div。
这是头部JS
<script language="javascript">
$(document).ready(function() {
new PopupLayer({trigger:"#ele3",popupBlk:"#blk3",closeBtn:"#close3",useFx:true});
});
</script>
这是逻辑代码
<table>
<?php
while ($myrow = mysql_fetch_array($rs)){
$typerp=$myrow["tasktype"];
?>
<tr>
<!--<input type="hidden" name="userId" id="userId" value='<?=$myrow["userId"]?>'/>-->
<td class="icon"><img width=71 height=72 src='<?=$myrow["picUrl"]?>'/></td>
<td class="name"> <?=$myrow["userName"]?> </td>
<td class="gps_name"><div id="ele3" class="tigger">操作</div></td>
<div id="blk3" class="blk" style="display:none;">
<div class="head"><div class="head-right"></div></div>
<div class="main">
<h2>根据需要进行不同的操作</h2>
<a href="javascript:void(0)" id="close3" class="closeBtn">关闭</a>
<ul>
<form method=post action="include/dosubmit.php">
<input type="hidden" name="appName" id="appName" value='<?=$myrow["packageName"]?>'/>
<li><input type="submit" name="appsubmit" value="增加" onmousedown="this.className='list_button_active'" onmouseup="this.className='list_button_normal'" class="list_button_normal" /></li>
<li><input type="submit" name="appsubmit" value="删除" onmousedown="this.className='list_button_red_active'" onmouseup="this.className='list_button_red_normal'" class="list_button_red_normal" /></li>
</form>
</ul>
</div>
<div class="foot"><div class="foot-right"></div></div>
</div>
<td class="list_button"></td>
<td class="list_button"></td>
<td class="list_button"></td>
<td class="list_button"></td>
<td width="20px"></td>
</tr>
<tr>
<td colspan="5" style="height:2px;"><div class="table_divider"></div></td>
</tr>
<?php
}
echo "</table>";
这里就是调用的DIV
<div id="blk3" class="blk" style="display:none;">
<div class="head"><div class="head-right"></div></div>
<div class="main">
<h2>根据需要进行不同的操作</h2>
<a href="javascript:void(0)" id="close3" class="closeBtn">关闭</a>
<ul>
<form method=post action="include/dosubmit.php">
<input type="hidden" name="appName" id="appName" value='<?=$myrow["packageName"]?>'/>
<li><input type="submit" name="appsubmit" value="增加" onmousedown="this.className='list_button_active'" onmouseup="this.className='list_button_normal'" class="list_button_normal" /></li>
<li><input type="submit" name="appsubmit" value="删除" onmousedown="this.className='list_button_red_active'" onmouseup="this.className='list_button_red_normal'" class="list_button_red_normal" /></li>
</form>
</ul>
</div>
<div class="foot"><div class="foot-right"></div></div>
</div>
当 <td class="gps_name"><div id="ele3" class="tigger">操作</div></td> 循环出大于一条的时候,只有第一个“操作”能调出DIV,其他没有反应。
想知道如何让id="ele3"不重复,或者有什么办法让每个操作能调用div。
...全文
相关推荐
jQuery解决input超多的表单提交
近段时间接到一个比较奇葩的需求,对方要求在企业站中加入一个类似word的表单,并供用户在线填写与提交。 仔细看了一下,该表单的字段高达一百多个,这个量级是相当可怕的。如果每个input手动去填写id和name的话,该是一个多么可怕的体力活啊。 反复思考了一下,为避免苦逼的去逐个填写input的id与name,决定用JS配合PHP的方式来解决这个表单一连串的提交工作。 表单组成部分 表单首先按照客户的要求,将需要填写的表格与选项按照word文档的原型进行布局,使其符合用户体验,如下图: (上图只是截取表单的一小部分作为范例,实际上这个表单是无比之大的) 当表单的html布局完成之后,我们就需要
php简单实现无限分类树形列表的方法
主要介绍了php简单实现无限分类树形列表的方法,实例分析了php通过数组实现树形列表的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
assignment-SD-WEB:使用编程语言进行Repo untuk作业开发Web(我使用的是PHP)
assignment-SD-WEB:使用编程语言进行Repo untuk作业开发Web(我使用的是PHP)
php程序员面试题(含html、JavaScript、php和mysql)
php程序员面试题,包括JavaScript、html和mysql的题目
使用JQuery验证重复用户名
使用JQuery框架校验重复用户名,通过js代码调用jquery方法,更简便的实现无刷新功能


基础编程
