搜索
首页后端开发php教程php条件下如何实现点击左边记录名,具体内容在页面右边显示?

我做了一个网页,左边的一列是逐条显示的记录名,是我通过循环语句从mysql中读取并每行显示出来的。而右边是每条记录的具体内容框架(就是很多空框)。希望实现的目标是:点击左边任何一条记录名称,在右边的各个空框中就具体显示出该记录具体内容(其实就是每个字段的内容给填充到每个空框中去)。
该用怎样的简单框架实现左边的记录名称可点击呢?然后又传递什么变量来控制读取记录,把具体记录信息从mysql读取出来呢(貌似有了该记录内容,显示在各个空框中不难,我可以完成这一步)?当然该每条记录的具体内容在mysql都已经存在,查询即可。


这里的大牛们请多多帮忙啊,这是我第一次问问,事关紧急啊。谢谢。


回复讨论(解决方案)

用ajax做吧

当你点击左侧的记录名时,将记录名用ajax传到后台去查询对应的全部信息 返回后填充至框框内

谢谢回复。

采用ajax,小弟是新手,那大概用到哪些重要语句或者关键点,甚至有没有链接案例啥的让我琢磨琢磨呢?

万分感激啊。

稍等我给你写个demo

万分感谢先。

demo地址  http://www.colg.biz/demo/d1.php

代码

显示页

<?php	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','colg_demo','colg__');	mysql_select_db('colg_demo');	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	$data = getdata("select * from demo");	?><style type="text/css">	.left{float:left;width:100px;border:1px solid grey;height:300px;}	.right{float:left;width:800px;border:1px solid grey;height:300px;margin-left:15px;}	.left_button{margin:5px;border:1px solid #ccc;cursor:pointer;}	td{margin:1px;border:1px solid #ccc;}</style><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript">	$(document).ready(function(){		$(".left_button").click(function(){			$(this).css("background","#EEE");			$(this).siblings().css("background","white");			var n = $(this).text();			$.ajax({				type:"get",				url:"ajax.php",				data:{					n:n				},				success:function(msg){						msg = eval("("+msg+")")					$(".show_tr").html(msg);				}			});		});	});	</script><div class="left">	<?php foreach($data as $each){?>		<div class="left_button"><?php echo $each['col3'];?></div>	<?php } ?></div><div class="right">	<table>		<tr>			<td>id</td>			<td>col1</td>			<td>col2</td>			<td>col3</td>			<td>col4</td>		<tr>		<tr	class="show_tr">			<td> </td>			<td> </td>			<td> </td>			<td> </td>			<td> </td>		<tr>	</table></div>


处理请求页
<?php	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','colg_demo','colg__');	mysql_select_db('colg_demo');	mysql_query("set names utf8");	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	if($_GET){		$n = $_GET['n'];		$data = getdata("select * from demo where col3 = '$n'");		if($data){			$html = "";			foreach($data[0] as $each){				$html .= "<td>".$each."</td>";			}		}		echo json_encode($html);exit;	}?>

汗...账号密码都泄露了....

改之

非常感谢!

下个问题是:怎么把分数给你?是不是只是结贴即可?

追问:

你这里分为主程序和处理页面程序,第二个处理页面程序应该就是ajax.php吧? 似乎应该要求改ajax.php和住程序处在同一个目录下,对吧?

追问:

你这里分为主程序和处理页面程序,第二个处理页面程序应该就是ajax.php吧? 似乎应该要求改ajax.php和住程序处在同一个目录下,对吧?

完全可以不同一个目录 写路径就好了  研究下"html路径"

非常感谢,这位大牛,这正是我想要的效果。

我再琢磨一下细节,若有细节问题,还请不吝赐教。

不客气 都是新人,学习中 多多交流 共同进步 有问题直接提,可以引用我的回复这样我可以及时看到提醒

demo地址  http://www.colg.biz/demo/d1.php

代码

显示页

<?php	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','colg_demo','colg__');	mysql_select_db('colg_demo');	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	$data = getdata("select * from demo");	?><style type="text/css">	.left{float:left;width:100px;border:1px solid grey;height:300px;}	.right{float:left;width:800px;border:1px solid grey;height:300px;margin-left:15px;}	.left_button{margin:5px;border:1px solid #ccc;cursor:pointer;}	td{margin:1px;border:1px solid #ccc;}</style><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript">	$(document).ready(function(){		$(".left_button").click(function(){			$(this).css("background","#EEE");			$(this).siblings().css("background","white");			var n = $(this).text();			$.ajax({				type:"get",				url:"ajax.php",				data:{					n:n				},				success:function(msg){						msg = eval("("+msg+")")					$(".show_tr").html(msg);				}			});		});	});	</script><div class="left">	<?php foreach($data as $each){?>		<div class="left_button"><?php echo $each['col3'];?></div>	<?php } ?></div><div class="right">	<table>		<tr>			<td>id</td>			<td>col1</td>			<td>col2</td>			<td>col3</td>			<td>col4</td>		<tr>		<tr	class="show_tr">			<td> </td>			<td> </td>			<td> </td>			<td> </td>			<td> </td>		<tr>	</table></div>


处理请求页
<?php	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','colg_demo','colg__');	mysql_select_db('colg_demo');	mysql_query("set names utf8");	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	if($_GET){		$n = $_GET['n'];		$data = getdata("select * from demo where col3 = '$n'");		if($data){			$html = "";			foreach($data[0] as $each){				$html .= "<td>".$each."</td>";			}		}		echo json_encode($html);exit;	}?>


在我想完成的这个页面中,右边的空框基本都是空框(基本如这个程序所显示的),但有一项是单选项(输入表单,采用radio的方法)。我这个页面的基本功能是在右边空框以及选择该单选项,点击右边下方保存键,则该记录存入mysql,同时该新记录在左边一列显示出来(已实现上述功能)。

现在我点击左边某记录,如你demo显示,应该能显示相关内容(我还在学习细节),但右边其中这项单选项显示有困难。比如,我从数据库中读取两选项其中之一的值(1或者2),如何在单选项上表示出呢(因为先前单选项前的小圆圈都是空心的,若选择了其中一项,变成实心的小圆圈)?

谢谢先啊。

你是希望点击左侧后  右边两项都未选还是已选中其中一项?

它们的差别就是后者在选中的那个input标签内有一个  checked="checked" 而已

你是希望点击左侧后  右边两项都未选还是已选中其中一项?

它们的差别就是后者在选中的那个input标签内有一个  checked="checked" 而已

现有的输入表单大致为:
form action="main/inputDriver.php" method="post">


   选项一


// 其中一些格式规定,这里略去


   选项二



点击左侧后,记录信息在右边显示出来。而右边的这项单选项(有两个选项),我希望其中一项已经被选择,数据来自数据库(1或者2,而两选项的值在表单中已经设定)。问这个问题,主要担忧与前面的输入表单冲突,不能兼顾。

问你问题时,自己都感觉汗颜呐,我这个新手太新了。

你ajax采用"PHP返回全部HTML"还是采用"PHP返回数组用js来处理"?

如果是前者  直接输出为
form action="main/inputDriver.php" method="post">


   选项一


// 其中一些格式规定,这里略去


   选项二


至于这个 checked="checked"出现在哪里,在ajax指向的php程序里判断和输出

如果采用后者,js处理数组时用相关字段进行判断并对需要选中的加上这个 checked="checked"即可.



你ajax采用"PHP返回全部HTML"还是采用"PHP返回数组用js来处理"?

如果是前者  直接输出为
form action="main/inputDriver.php" method="post">


   选项一


// 其中一些格式规定,这里略去


   选项二


至于这个 checked="checked"出现在哪里,在ajax指向的php程序里判断和输出

如果采用后者,js处理数组时用相关字段进行判断并对需要选中的加上这个 checked="checked"即可.


好好体会一下先。

这里,小弟先深深作揖谢过。

你ajax采用"PHP返回全部HTML"还是采用"PHP返回数组用js来处理"?

如果是前者  直接输出为
form action="main/inputDriver.php" method="post">


   选项一


// 其中一些格式规定,这里略去


   选项二


至于这个 checked="checked"出现在哪里,在ajax指向的php程序里判断和输出

如果采用后者,js处理数组时用相关字段进行判断并对需要选中的加上这个 checked="checked"即可.


结合我的问题,肯定是采用php返回数组的方式最好。
我仔细看了你的代码,在给你给出的demo中,是不是采用的是php返回全部html的方法?
如果我需要php返回数组的方式,那就需要demo部分中的程序,主要的是第二段程序中foreach循环该做如何细节改变呢?

呵呵,细节方面总是搞不出来。

demo地址  http://www.colg.biz/demo/d1.php

代码

显示页

<?php	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','colg_demo','colg__');	mysql_select_db('colg_demo');	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	$data = getdata("select * from demo");	?><style type="text/css">	.left{float:left;width:100px;border:1px solid grey;height:300px;}	.right{float:left;width:800px;border:1px solid grey;height:300px;margin-left:15px;}	.left_button{margin:5px;border:1px solid #ccc;cursor:pointer;}	td{margin:1px;border:1px solid #ccc;}</style><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript">	$(document).ready(function(){		$(".left_button").click(function(){			$(this).css("background","#EEE");			$(this).siblings().css("background","white");			var n = $(this).text();			$.ajax({				type:"get",				url:"ajax.php",				data:{					n:n				},				success:function(msg){						msg = eval("("+msg+")")					$(".show_tr").html(msg);				}			});		});	});	</script><div class="left">	<?php foreach($data as $each){?>		<div class="left_button"><?php echo $each['col3'];?></div>	<?php } ?></div><div class="right">	<table>		<tr>			<td>id</td>			<td>col1</td>			<td>col2</td>			<td>col3</td>			<td>col4</td>		<tr>		<tr	class="show_tr">			<td> </td>			<td> </td>			<td> </td>			<td> </td>			<td> </td>		<tr>	</table></div>


处理请求页
<?php	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','colg_demo','colg__');	mysql_select_db('colg_demo');	mysql_query("set names utf8");	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	if($_GET){		$n = $_GET['n'];		$data = getdata("select * from demo where col3 = '$n'");		if($data){			$html = "";			foreach($data[0] as $each){				$html .= "<td>".$each."</td>";			}		}		echo json_encode($html);exit;	}?>


你提供的这个demo还是非常具有启发性的。在结合我的实际编程时,出现了不少问题,主要有:
1. ajax.php回复的信息是从mysql数据库中读取一个记录各个字段内容所连成的一串string,这正好与你demo中比较简单的空框相吻合,结果很不错。而我这个页面右方,不仅有单选项,其他空框之间有文字(其实就是该空框内容的说明文字),而且还有很多格式设定的代码。为了达成前面输入表单的结果,空框里虽空,但里面实际上有代码,比如:

                        
  


所以demo中采用全部html返回形式,我很难把内容分割开嵌入各个空框中。所以,今天试了很长时间,结论是采用JS数组把从mysql查询的内容进行返回,这是比较好的方式。但代码该如何变化呢?

2.上面的问题是主要问题,如果上面这个问题解决了,我就可以自己进行判断,并在单选项中采用check="checked"的方法解决了。

花了好长时间来试,最终总结为这个问题。呵呵,求助啊。

今天太晚了明天白天给你写.... 晚上的时间都给WOW了..

今天太晚了明天白天给你写.... 晚上的时间都给WOW了..

这里先谢谢了。

demo地址  http://www.colg.biz/demo/d1.php

表结构和内容



显示页面代码

<?php	//PHP区域	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','xxxxxx','xxxxxxxxxx');	mysql_select_db('xxxxxxxx');	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	$data = getdata("select * from demo");?><!--CSS区域--><style type="text/css">	.left{float:left;width:100px;border:1px solid grey;height:300px;}	.right{float:left;width:800px;border:1px solid grey;height:300px;margin-left:15px;}	.left_button{margin:5px;border:1px solid #ccc;cursor:pointer;}	td{margin:1px;border:1px solid #ccc;}</style><!--JS区域--><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript">	$(document).ready(function(){		$(".left_button").click(function(){			$(this).css("background","#EEE");			$(this).siblings().css("background","white");			var n = $(this).text();			$.ajax({				type:"get",				url:"ajax.php",				data:{					n:n				},				success:function(msg){						msg = eval("("+msg+")");	//将json字符串转化为js数组对象						$(".show_tr > td:eq(0)").text(msg.id);		//将数组的每个元素写到指定位置						$(".show_tr > td:eq(1)").text(msg.col1);						$(".show_tr > td:eq(2)").text(msg.col2);						$(".show_tr > td:eq(3)").text(msg.col3);						$(".show_tr > td:eq(4)").text(msg.col4);						var gender = msg.gender;						if(gender == 1){		//如果为男,第一个单选被选中							$(".show_tr > td:eq(5) > input[name='gender']:eq(0)").attr("checked","checked");						}else{				//如果为女							$(".show_tr > td:eq(5) > input[name='gender']:eq(1)").attr("checked","checked");						}				}			});		});	});	</script><!--html区域--><div class="left">	<?php foreach($data as $each){?>		<div class="left_button"><?php echo $each['col3'];?></div>	<?php } ?></div><div class="right">	<table>		<tr>			<td>id</td>			<td>col1</td>			<td>col2</td>			<td>col3</td>			<td>col4</td>			<td>性别</td>		<tr>		<tr	class="show_tr">			<td> </td>			<td> </td>			<td> </td>			<td> </td>			<td> </td>			<td><input type="radio" name="gender">男<input type="radio" name="gender">女</td>		<tr>	</table></div>




ajax接收处理页面代码
<?php	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','xxxxxxxx','xxxxxxxxx');	mysql_select_db('xxxxxxxx');	mysql_query("set names utf8");	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	if($_GET){		$n = $_GET['n'];		$data = getdata("select * from demo where col3 = '$n'");		echo json_encode($data[0]);exit;	}?>


返回数组用JS分析后插入指定位置 不管你是什么结构都可以实现 万变不离其宗

用ajax做吧

当你点击左侧的记录名时,将记录名用ajax传到后台去查询对应的全部信息 返回后填充至框框内

demo地址  http://www.colg.biz/demo/d1.php

表结构和内容



显示页面代码

<?php	//PHP区域	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','xxxxxx','xxxxxxxxxx');	mysql_select_db('xxxxxxxx');	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	$data = getdata("select * from demo");?><!--CSS区域--><style type="text/css">	.left{float:left;width:100px;border:1px solid grey;height:300px;}	.right{float:left;width:800px;border:1px solid grey;height:300px;margin-left:15px;}	.left_button{margin:5px;border:1px solid #ccc;cursor:pointer;}	td{margin:1px;border:1px solid #ccc;}</style><!--JS区域--><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript">	$(document).ready(function(){		$(".left_button").click(function(){			$(this).css("background","#EEE");			$(this).siblings().css("background","white");			var n = $(this).text();			$.ajax({				type:"get",				url:"ajax.php",				data:{					n:n				},				success:function(msg){						msg = eval("("+msg+")");	//将json字符串转化为js数组对象						$(".show_tr > td:eq(0)").text(msg.id);		//将数组的每个元素写到指定位置						$(".show_tr > td:eq(1)").text(msg.col1);						$(".show_tr > td:eq(2)").text(msg.col2);						$(".show_tr > td:eq(3)").text(msg.col3);						$(".show_tr > td:eq(4)").text(msg.col4);						var gender = msg.gender;						if(gender == 1){		//如果为男,第一个单选被选中							$(".show_tr > td:eq(5) > input[name='gender']:eq(0)").attr("checked","checked");						}else{				//如果为女							$(".show_tr > td:eq(5) > input[name='gender']:eq(1)").attr("checked","checked");						}				}			});		});	});	</script><!--html区域--><div class="left">	<?php foreach($data as $each){?>		<div class="left_button"><?php echo $each['col3'];?></div>	<?php } ?></div><div class="right">	<table>		<tr>			<td>id</td>			<td>col1</td>			<td>col2</td>			<td>col3</td>			<td>col4</td>			<td>性别</td>		<tr>		<tr	class="show_tr">			<td> </td>			<td> </td>			<td> </td>			<td> </td>			<td> </td>			<td><input type="radio" name="gender">男<input type="radio" name="gender">女</td>		<tr>	</table></div>




ajax接收处理页面代码
<?php	header("Content-Type:text/html;charset=utf-8");	mysql_connect('localhost','xxxxxxxx','xxxxxxxxx');	mysql_select_db('xxxxxxxx');	mysql_query("set names utf8");	function getdata($sql)	{		$result=mysql_query($sql);		if($result)$count = mysql_num_rows($result);		for($i=0;$i<$count;$i++)		{			mysql_data_seek($result,$i);			$data[$i] = mysql_fetch_assoc($result);		}		return $data;	}	if($_GET){		$n = $_GET['n'];		$data = getdata("select * from demo where col3 = '$n'");		echo json_encode($data[0]);exit;	}?>


返回数组用JS分析后插入指定位置 不管你是什么结构都可以实现 万变不离其宗


非常感谢。
是啊,正在学习“宗”,细节体会中。

外边方框不见了?   那你仔细观察下html结构 只改需要改的数据不动其他的东西  只改数据绝对不会引起方框不见吧 除非是长度高度问题导致CSS没有约束到


2.eq(1) 找的是第二个 eq(2) 找的是第三个 你确定你没写错?
另外可以这样写

var type = msg.type;
if(type == 1)
{        
    $(".show_1 > input[name='type']:eq(1)").attr("checked","checked");
    $(".show_1 > input[name='type']:eq(2)").removeAttr("checked");
}
else
{               
   $(".show_1 > input[name='type']:eq(2)").attr("checked","checked");
    $(".show_1 > input[name='type']:eq(1)").removeAttr("checked");


另外 type之类的关键字用起来看得心惊肉跳的..... 希望这种地方不要出问题

外边方框不见了?   那你仔细观察下html结构 只改需要改的数据不动其他的东西  只改数据绝对不会引起方框不见吧 除非是长度高度问题导致CSS没有约束到


2.eq(1) 找的是第二个 eq(2) 找的是第三个 你确定你没写错?
另外可以这样写

var type = msg.type;
if(type == 1)
{        
    $(".show_1 > input[name='type']:eq(1)").attr("checked","checked");
    $(".show_1 > input[name='type']:eq(2)").removeAttr("checked");
}
else
{               
   $(".show_1 > input[name='type']:eq(2)").attr("checked","checked");
    $(".show_1 > input[name='type']:eq(1)").removeAttr("checked");


另外 type之类的关键字用起来看得心惊肉跳的..... 希望这种地方不要出问题

谢谢先。
我这个第一选项赋值为1,第二选项赋值为2。我按照你给的语句运行了,结果是:每次值为2时,两个选项为空,值为1时,第二个选项为选中(但事实上,第二个选项应该值为2)。
我想哪里的细节正好有差错1.下面是代码(我把变量type改为driverType了):
var driverType = msg.type;
if(driverType == 1)
{        
  $(".show_1 > input[name='type']:eq(1)").attr("checked","checked");
 $(".show_1 > input[name='type']:eq(2)").removeAttr("checked");
}
   lse
{               
   $(".show_1 > input[name='type']:eq(2)").attr("checked","checked");
  $(".show_1 > input[name='type']:eq(1)").removeAttr("checked");
}  

2.至于方框不见了,运行的结果为:

但实际上,原来的状态为:

html部分的代码为:
 


     
       
       
        
      

driver type:


            short time   
            long time
        


js部分代码,上面已经贴过,就这么多了。

外边方框不见了?   那你仔细观察下html结构 只改需要改的数据不动其他的东西  只改数据绝对不会引起方框不见吧 除非是长度高度问题导致CSS没有约束到


2.eq(1) 找的是第二个 eq(2) 找的是第三个 你确定你没写错?
另外可以这样写

var type = msg.type;
if(type == 1)
{        
    $(".show_1 > input[name='type']:eq(1)").attr("checked","checked");
    $(".show_1 > input[name='type']:eq(2)").removeAttr("checked");
}
else
{               
   $(".show_1 > input[name='type']:eq(2)").attr("checked","checked");
    $(".show_1 > input[name='type']:eq(1)").removeAttr("checked");


另外 type之类的关键字用起来看得心惊肉跳的..... 希望这种地方不要出问题


晕死,第一个问题解决了。应该是eq(0)和eq(1)。针对第二个demo我以为这是指选项对应的值,晕死。改回来了。

这个eq(n)  指的是查找符合条件的第n项,从0开始,  比如你这个  就是eq(0),而第二个就是eq(1)
跟你input的value值没有任何的关系
你:eq(2) 找的就是第三项  而没有第三个input自然找不到了

第二个可能你原来所谓的方框是input? 把这段HTML代码提出来看看

你需要 jquery手册 

http://pan.baidu.com/share/link?shareid=1727812312&uk=3909167861

这个eq(n)  指的是查找符合条件的第n项,从0开始,  比如你这个  就是eq(0),而第二个就是eq(1)
跟你input的value值没有任何的关系
你:eq(2) 找的就是第三项  而没有第三个input自然找不到了

第二个可能你原来所谓的方框是input? 把这段HTML代码提出来看看

事情急了,说的也乱了。现在解决了单选项的问题,但方框的问题还没有解决。我也搞不清楚哪里出了问题。

你需要 jquery手册 

http://pan.baidu.com/share/link?shareid=1727812312&uk=3909167861

谢谢啊,受教。我刚入行没多久,正需要这个。

这个eq(n)  指的是查找符合条件的第n项,从0开始,  比如你这个  就是eq(0),而第二个就是eq(1)
跟你input的value值没有任何的关系
你:eq(2) 找的就是第三项  而没有第三个input自然找不到了

第二个可能你原来所谓的方框是input? 把这段HTML代码提出来看看


  


        
              
                    
               
             

                  
                              
                                   
                                           
                                    
                              
                  

driver type:


                                          short time   
                                          long time
                                    


                
                    
                                           
                            
                    
                    
                      
                
                                           
                    
                    
                    
                      
                      
                      
                      
                    

                    
                      
                      
                      
                    

                   
                      
                      
                           
                    
                   

                        

firstname:


                      
  
                                               
                      

                        

lastname:


                      
                       
                                                  
                      

                        

ID number:


                      
                        
                                                  
                      

                        

mobile:


                      
                       
                                                                     
                      

                        

email:


                      
                   
                                                                     
                      


                  
                      
                          
                      
                   
 
                            


                           
                            


                          

                   
                
                




这个是一整段这部分的代码,包括各个方框的前后内容。
我怀疑是不是...中包含导致填进去ajax返回的内容时,...也被替换了?

你以前是input的边框  现在input都被你替换掉了

有两个解决方案  一是直接把数值插入input的value中

二是还按现在的写  然后给td加边框让其看起来像之前的

给你写的td.html(xxx) 并不是一定要死板的这么写 你td里边有内容 就随之变化


你以前是input的边框  现在input都被你替换掉了

有两个解决方案  一是直接把数值插入input的value中

二是还按现在的写  然后给td加边框让其看起来像之前的

给你写的td.html(xxx) 并不是一定要死板的这么写 你td里边有内容 就随之变化

把数值插入input的value中,这个又应该怎么改呢?

你说“给你写的td.html(xxx) 并不是一定要死板的这么写 你td里边有内容 就随之变化”,意思其实是不仅td可以用,像

都可以这样用是么?

还有,我看demo以及我随之也用的是$(".show_6").text(..),但ajax中还有$.post()这个函数时,好像就写成$("#show_6").text(..),这两个.show_6和#show_6是不能混用的吧?

这个问题问到现在,太感谢了。


你以前是input的边框  现在input都被你替换掉了

有两个解决方案  一是直接把数值插入input的value中

二是还按现在的写  然后给td加边框让其看起来像之前的

给你写的td.html(xxx) 并不是一定要死板的这么写 你td里边有内容 就随之变化

把数值插入input的value中,这个又应该怎么改呢?

你说“给你写的td.html(xxx) 并不是一定要死板的这么写 你td里边有内容 就随之变化”,意思其实是不仅td可以用,像

都可以这样用是么?

还有,我看demo以及我随之也用的是$(".show_6").text(..),但ajax中还有$.post()这个函数时,好像就写成$("#show_6").text(..),这两个.show_6和#show_6是不能混用的吧?

这个问题问到现在,太感谢了。

使用$.ajax()时,所需要填入的区域用class=".."来标记,而使用$.post()时,是用id=“..”来标记的。这两种标记方式可以混用么?或者是$.ajax()也可以用$("#show_6").text(..),但此时必须用id=“..”来标记?

可以混用  都是选择器而已对jquery来说并没有任何区别


比如 $(".show_tr > td:eq(1)").text(msg.col1);

既然你td内有input并且不能把input粗暴的替换掉

可以写成 $(".show_tr > td:eq(1) >input").val(msg.col1);

你先试试 jquery的选择器是非常灵活的 可以各种套用

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
使用数据库存储会话的优点是什么?使用数据库存储会话的优点是什么?Apr 24, 2025 am 12:16 AM

使用数据库存储会话的主要优势包括持久性、可扩展性和安全性。1.持久性:即使服务器重启,会话数据也能保持不变。2.可扩展性:适用于分布式系统,确保会话数据在多服务器间同步。3.安全性:数据库提供加密存储,保护敏感信息。

您如何在PHP中实现自定义会话处理?您如何在PHP中实现自定义会话处理?Apr 24, 2025 am 12:16 AM

在PHP中实现自定义会话处理可以通过实现SessionHandlerInterface接口来完成。具体步骤包括:1)创建实现SessionHandlerInterface的类,如CustomSessionHandler;2)重写接口中的方法(如open,close,read,write,destroy,gc)来定义会话数据的生命周期和存储方式;3)在PHP脚本中注册自定义会话处理器并启动会话。这样可以将数据存储在MySQL、Redis等介质中,提升性能、安全性和可扩展性。

什么是会话ID?什么是会话ID?Apr 24, 2025 am 12:13 AM

SessionID是网络应用程序中用来跟踪用户会话状态的机制。1.它是一个随机生成的字符串,用于在用户与服务器之间的多次交互中保持用户的身份信息。2.服务器生成并通过cookie或URL参数发送给客户端,帮助在用户的多次请求中识别和关联这些请求。3.生成通常使用随机算法保证唯一性和不可预测性。4.在实际开发中,可以使用内存数据库如Redis来存储session数据,提升性能和安全性。

您如何在无状态环境(例如API)中处理会议?您如何在无状态环境(例如API)中处理会议?Apr 24, 2025 am 12:12 AM

在无状态环境如API中管理会话可以通过使用JWT或cookies来实现。1.JWT适合无状态和可扩展性,但大数据时体积大。2.Cookies更传统且易实现,但需谨慎配置以确保安全性。

您如何防止与会议有关的跨站点脚本(XSS)攻击?您如何防止与会议有关的跨站点脚本(XSS)攻击?Apr 23, 2025 am 12:16 AM

要保护应用免受与会话相关的XSS攻击,需采取以下措施:1.设置HttpOnly和Secure标志保护会话cookie。2.对所有用户输入进行输出编码。3.实施内容安全策略(CSP)限制脚本来源。通过这些策略,可以有效防护会话相关的XSS攻击,确保用户数据安全。

您如何优化PHP会话性能?您如何优化PHP会话性能?Apr 23, 2025 am 12:13 AM

优化PHP会话性能的方法包括:1.延迟会话启动,2.使用数据库存储会话,3.压缩会话数据,4.管理会话生命周期,5.实现会话共享。这些策略能显着提升应用在高并发环境下的效率。

什么是session.gc_maxlifetime配置设置?什么是session.gc_maxlifetime配置设置?Apr 23, 2025 am 12:10 AM

thesession.gc_maxlifetimesettinginphpdeterminesthelifespanofsessiondata,setInSeconds.1)它'sconfiguredinphp.iniorviaini_set().2)abalanceIsiseededeedeedeedeedeedeedto to to avoidperformance andununununununexpectedLogOgouts.3)

您如何在PHP中配置会话名?您如何在PHP中配置会话名?Apr 23, 2025 am 12:08 AM

在PHP中,可以使用session_name()函数配置会话名称。具体步骤如下:1.使用session_name()函数设置会话名称,例如session_name("my_session")。2.在设置会话名称后,调用session_start()启动会话。配置会话名称可以避免多应用间的会话数据冲突,并增强安全性,但需注意会话名称的唯一性、安全性、长度和设置时机。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。