想请问用jquery怎么实现把弹出框的值传入到页面上
就是页面上有个表格类似于这样的一个表格,我点击无限制,然后弹出一个框,有两个input框可以输入值,点击保存就把值填充到当前点击的无限制那一栏,求大侠指教!能给个demo...
就是页面上有个表格
类似于这样的一个表格,我点击无限制,然后弹出一个框,有两个input框可以输入值,点击保存就把值填充到当前点击的无限制那一栏,求大侠指教!能给个demo最好。 展开
类似于这样的一个表格,我点击无限制,然后弹出一个框,有两个input框可以输入值,点击保存就把值填充到当前点击的无限制那一栏,求大侠指教!能给个demo最好。 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
function aaa()
{
if ($("#t").length == 0)
{
var a = "<div id='t'><input type='text' class='i' id='i1' /><input type='text' id='i2' class='i' /><input type='button' onclick='bbb()' value='提交' id='tj' /></div>";
$("body").append(a);
$("#t").fadeIn(500);
}
}
</script>
<style type="text/css">
*
{
padding:0;
margin:0;
}
body
{
position:relative;
margin:auto;
}
a
{
text-decoration:none;
color:blue;
}
#t
{
width:220px;
height:220px;
position:absolute;
left:50%;
margin-left:-110px;
background:rgba(0,171,255,0.54);
border-radius:20px;
display:none;
}
.i
{
margin:auto;
width:180px;
height:40px;
margin:20px;
border:none;
border-radius:10px;
}
#tj
{
width:80px;
height:40px;
border:none;
margin-left:70px;
border-radius:5px;
}
</style>
</head>
<body>
<div id="wxz"><a href="javascript:aaa()">无限制<a></div>
</body>
</html>
<script type="text/javascript">
function bbb()
{
var b = $("#i1").val() + $("#i2").val();
$("#t").fadeOut(500,function(){$("#t").remove();});
$("a").remove();
$("#wxz").append("<a href='javascript:aaa()'>"+b+"<a>");
}
</script>
就像酱紫?
追问
很感谢你能这么快回答,但是我上面发的那张图的数据是从后台获取的是一个表格,每一栏每一列class属性 没有id属性,我就是不能确定我点的是哪一条数据中的无限制,然后怎么样把值传到点的那一栏里面去,所以不会做。还请指点一下。
追答
请问后台是什么?后台我只会PHP。
如果用PHP可以这么做:
<?php
@$db = mysqli_connect("localhost","用户名","密码","数据库名称");
if(mysqli_connect_errno())
{
echo "连接数据库失败!";
$r[0] = false;
$r[1] = false;
}
else
{
$sql = 'mysql语句';
$result = mysqli_query($db,$sql);
if($pd != false)
{
$rownum = mysqli_num_rows($result);
$r[1] = $rownum;
}
$r[0] = $result;
}
if($r[1] == 0)
{
//你要执行的PHP语句
}
else
{
for($i = 0;$i < $r[0];$i++)
{
echo "<a href='aaaaaa.php?wxz="+$i+" class='a"+$i+"'></a>";
}
}
?>
就像酱紫?然后再用jquery的ajax?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询