目次
ディスカッションに返信(解決策)
ホームページ バックエンド開発 PHPチュートリアル PHPの条件で左側のレコード名をクリックすると、ページの右側に特定のコンテンツが表示されるようにするにはどうすればよいですか?

PHPの条件で左側のレコード名をクリックすると、ページの右側に特定のコンテンツが表示されるようにするにはどうすればよいですか?

Jun 23, 2016 pm 02:17 PM

左側の列はmysqlからループ文で読み取って各行に表示したものです。右側は、各レコードの特定のコンテンツ フレーム (つまり、多くの空のボックス) です。私たちが達成したい目標は、左側のレコード名をクリックすると、右側の各空のボックスにレコードの特定の内容が表示されることです (実際には、各フィールドの内容が各空のボックスに入力されます)。 。
左側のレコード名をクリック可能にするには、どのような簡単なフレームワークを使用する必要がありますか?次に、レコードの読み取りを制御し、mysql から特定のレコード情報を読み取るためにどの変数が渡されますか (レコードの内容があれば、各空のボックスに表示するのは難しくないようです。この手順を完了できます)。もちろん、各レコードの具体的な内容はすでに mysql に存在するので、それをクエリするだけです。


ここにいる専門家の皆様、緊急の質問なので助けてください。ありがとう。


ディスカッションに返信(解決策)

ajaxでやってみよう

左側のレコード名をクリックすると、ajaxを使用してレコード名をバックグラウンドに送信し、対応するすべての情報をクエリします。戻った後、入力します。箱に入っています

返信ありがとうございます。

私は ajax の使用が初心者なのですが、重要な文や重要なポイントは何でしょうか? 考えるべきケースへのリンクもありますか?

ありがとうございます。

すぐにデモを書きます

よろしくお願いします。

デモアドレス 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;	}?>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

ため息…アカウントとパスワードが漏洩してる…。 .

に変更してください

よろしくお願いします!


次の質問は、スコアをどのように与えるかです。ただのタイアップですか?


フォローアップの質問:


メイン プログラムとページ処理プログラムがあります。2 番目のページ処理プログラムは ajax.php であるはずです。 ajax.phpとプログラムを同じディレクトリに置くように変更する必要があるようですよね?

フォローアップの質問:


メイン プログラムとページ処理プログラムがあります。2 番目のページ処理プログラムは ajax.php であるはずです。 ajax.phpとプログラムを同じディレクトリに置くように変更する必要があるようですよね?

別のディレクトリにパスを記述するだけで済みます。「HTML パス」を調べてください。

専門家、ありがとうございます。これはまさに私が望んでいた効果です。


詳細はまた考えますので、何かありましたらお気軽にご教示ください。

私たちは皆、初心者です。もっとコミュニケーションを取りながら、一緒に学習を進めていきましょう。質問があれば、私の返信を引用していただければ、すぐにリマインダーを確認できます。 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;	}?>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー


完成させたいページでは、右側の空のボックスは基本的に空ですボックス (基本的にこのプログラムで示されているとおり) ですが、1 つの項目は単一オプション (入力フォーム、ラジオ方式を使用) です。マイページの基本的な機能は、右側の空のボックスで単一のオプションを選択し、右下の保存ボタンをクリックすると、レコードが mysql に保存され、新しいレコードが左側に表示されます。列(上記の機能は実装されています)。

ここで、左側のレコードをクリックすると、デモに示されているように、関連するコンテンツが表示されるはずですが (詳細はまだ学習中です)、右側の単一のオプションを表示するのは困難です。たとえば、データベースから 2 つのオプション (1 または 2) のいずれかの値を読み取った場合、その値を 1 つのオプションでどのように表現すればよいでしょうか (前の 1 つのオプションの前にある小さな円はすべて空洞だったためです)。オプションが選択され、小さな実線の円になります)?

よろしくお願いします。


右側の両方の項目を選択解除しますか?

それらの違いは、後者には選択された入力タグにchecked="checked"があることです

右側の両方の項目を選択解除しますか? それとも、左側をクリックした後にいずれか 1 つを選択しますか?

それらの違いは、後者には、選択された入力タグに selected="checked" のみがあることです

既存の入力フォームは大まかに次のとおりです。
form action="main/inputDriver.php" method="post">
1


// ここでは一部の書式設定を省略します
2


左側をクリックすると、右側にレコード情報が表示されます。右側の 1 つのオプション (2 つのオプションがあります) については、そのうちの 1 つが選択されていて、データがデータベースから取得されていることを願っています (1 または 2、2 つのオプションの値はフォームに設定します)。この質問をするときの主な懸念は、以前の入力フォームと矛盾しており、考慮に入れることができないことです。

質問したとき、自分が初心者すぎることが恥ずかしくなりました。

ajax を使用して「PHP ですべての HTML を返す」か、「PHP で配列を返し、js を使用して処理」しますか?

前者の場合、直接の出力は

form action="main/inputDriver.php" になります。 " method="post">


オプション 1


// 一部フォーマット規則の一部はここでは省略されています


オプション 2
このchecked=checked「どこに出現するか」をajaxが指すPHPプログラム内で判断して出力します

後者を使うと、jsが配列を処理する際に該当するフィールドを使って判断し、これをchecked=を追加します選択する必要があるものに「チェックを入れる」



Ajax を使用して「すべての HTML を返す」か、「PHP で配列を返し、それを処理するために JS を使用する」のですか?直接の出力は

form action="main/inputDriver.php" method="post">

;/input>


// 一部のフォーマット規則は省略されています


オプション 2


これがどこにあるかを、ajax が指す php プログラムで判断して出力します

後者を使用する場合、js は配列を処理するときに判断する関連フィールドを選択し、選択する必要があるフィールドにこの selected="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(2) は 3 つ目を探しています。これも正しく記述できますか?こんな感じです

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

また、type などのキー文字は読むのが怖い...この場所で問題がないといいのですが

外側のボックスが欠落している場合は、HTML 構造を注意深く観察し、変更する必要があるデータのみを変更しても、長さと高さ以外は絶対にボックスが消えることはありません。 CSS が


2 に制約されない問題。eq(2) は 3 つ目を探しています。これも正しく記述できますか?こんな感じです

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

また、type などのキー文字は使うのが怖い… こういうところで問題ないといいですね

よろしくお願いします。
最初のオプションには値 1 が割り当てられ、2 番目のオプションには値 2 が割り当てられます。あなたが与えたステートメントに従って実行したところ、結果は次のとおりです。値が 2 の場合は常に 2 つのオプションは空で、値が 1 の場合は 2 番目のオプションが選択されます(ただし、実際には 2 番目のオプションには次のオプションが含まれている必要があります)値 2) 。
詳細に間違いがあると思います 1. コードは次のとおりです (変数の型を driverType に変更しました):
var driverType = msg.type;
if(driverType == 1)
{ ; input[name=' type']:eq(1)").attr("チェック済み","チェック済み");
$(".show_1 > input[name='type']:eq(2)" ).removeAttr("チェック済み");
}
lse
{
$(".show_1 > input[name='type']:eq(2)").attr("checked","checked");
$(".show_1 > input[name='type']:eq(1)").removeAttr("checked");
}

2. ボックスが欠落している場合、操作の結果は次のようになります:

しかし、実際には、元のステータスは次のとおりです:

HTML 部分のコードは次のとおりです:



長い間
;

外側のボックスが欠落している場合は、HTML 構造を注意深く観察し、変更する必要があるデータのみを変更しても、長さと高さ以外は絶対にボックスが消えることはありません。 CSS が


2 に制約されない問題。eq(2) は 3 つ目を探しています。これも正しく記述できますか?こんな感じです

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

また、type などのキーの単語もそうです使うのが怖い... この場所で問題がないといいのですが


とてもめまいがします、最初の問題は解決されました。これは eq(0) と eq(1) である必要があります。 2つ目のデモですが、これはオプションに相当する値のことを指しているのかと思い、卒倒しました。元に戻りました。


この eq(n) は、0 から始まる、条件を満たす n 番目の項目を見つけることを指します。たとえば、 0 )、2 番目は eq(1) です
それは入力の値とは何の関係もありません
あなた: eq(2) が探しているのは 3 番目の項です そして 3 番目の入力がなければ、当然、それは見つかりません

2 つ目 おそらくあなたが元々意図していたボックスが入力されたのではないでしょうか? この HTML コードを見てください


jquery マニュアルが必要です

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

この eq (n) は、0 から始まる n 番目の項目を見つけることを指します。たとえば、 は eq(0) です。 、そして 2 番目 最初のものは eq(1) です

入力の値とは関係ありません
あなた: eq(2) は 3 番目の項を探していますが、3 番目の入力がなければ、当然見つかりません。

2番目のものは、あなたが最初に呼んだものかもしれません ボックスは入力されていますか? このHTMLコードを取り出して見てください


物事は緊急であり、私が言ったことはめちゃくちゃです。単一オプションの問題は解決されましたが、ボックスの問題は解決されていません。私も何がいけなかったのか分かりません。

jquery マニュアルが必要です

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

ありがとう、啓発されました。私はこの業界に入ったばかりなので、これが必要です。

この eq(n) は、0 から始まる n 番目の項目を見つけることを指します。たとえば、 は eq(0) です。 , そして 2 番目は eq(1) です
それはあなたの入力の値とは何の関係もありません
あなた: eq(2) は 3 番目の項を探しています、そして 3 番目の入力がなければ当然見つかりません

2 番目の人はあなたかもしれません。この HTML コードを見てください

T & lt; ;" & gt;
& lt; tr valign = "middle" & gt;
& lt; td width = "128px" & gt; & lt; & lt; & lt; & lt; & lt; ; 強い & GT ; ドライバーの種類: & lt;/strong & gt; & lt;/td & gt; フォーム アクション = "main/inputdriver.php" & lt;
& lt; OW_1 "& gt;
& lt; 入力タイプ = "無線" 名前 = "タイプ" 値 = "1" & GT; 短時間 & LT;/入力 & GT;
& LT; 入力タイプ = " Radio" 名前 = "タイプ" 値 = "2" & GT; LONG 時間 & lt;/input & gt;
;/table>
gt;
名: & lt;/p & gt; /td & gt; < td クラス = "show_2" & gt;                                               
      




                     









                    








     

ドライバーの種類:


姓:


                       
                        

ID 番号:


                        
                        

モバイル:


                       
                                           

メール:


                   
                                           





                      
                   
 


                           
                            


                          

                   
                
                    
               
             



これは、各ボックスの前後の内容を含む、この部分のコード全体です。
には が含まれているので、ajax によって返された内容が入力されるのではないかと思います。... 以前は入力の境界線でしたが、現在は入力があなたに置き換えられています

解決策は 2 つあります。1 つは、入力の値に値を直接挿入することです

2 つ目は、入力のように記述することです。先ほどと同じように td に境界線を追加します

にコンテンツがある場合は、td.html(xxx) を厳密に記述する必要はありません。 td、それに応じて変更されます


以前は入力境界線がありましたが、現在は入力が置き換えられています

1 つは、値を入力値に直接挿入する方法です

そのまま書いてから td に境界線を追加して以前と同じようにします

あなたのために書かれた td.html (xxx) あなたの td にコンテンツがある場合、厳密に書く必要はありません。それに応じて変更されます

入力の値に値を挿入します。これはどのように変更すればよいですか?

あなたは、「あなたのために書かれた td.html(xxx) は、このように厳密に書く必要はありません。あなたの td にコンテンツがあれば、それに応じて変更されます。」と言いました。実際、それは td だけができるわけではないことを意味します。

のように使えますか? このように使えますか?

あと、デモを見て $(".show_6").text(..) も使いましたが、ajax で $.post() 関数がある場合は $(" # show_6").text(..)、この 2 つの .show_6 と #show_6 を混在させることはできませんね。

この質問は今まで行われていませんでした、ありがとうございます。


これまでは入力の境界線でした。今は入力が置き換えられています。 1 つは入力の値に直接挿入する方法です。 2 つ目は、次の方法です。そのままにして、td に境界線を追加します。以前と同じように見えます

私があなたのために書いた td.html(xxx) は、td にコンテンツがある場合は厳密に記述する必要はありません。応じて変更してください

入力の値に値を挿入します。これはどのように変更すればよいですか?

あなたは、「あなたのために書かれた td.html(xxx) は、このように厳密に書く必要はありません。あなたの td にコンテンツがあれば、それに応じて変更されます。」と言いました。実際、それは td だけができるわけではないことを意味します。

のように使えますか? このように使えますか?

あと、デモを見て $(".show_6").text(..) も使いましたが、ajax で $.post() 関数がある場合は $(" # show_6").text(..)、この 2 つの .show_6 と #show_6 を混在させることはできませんね。

この質問は今までありました、ありがとうございます。

$.ajax() を使用する場合、塗りつぶす領域は class=".." でマークされ、$.post() を使用する場合は id=".." でマークされます。これら 2 つのマーキング方法を混合できますか?または、$.ajax() は $("#show_6").text(..) を使用することもできますが、この場合は id=".." でマークする必要がありますか?


これらは単なるセレクターです。

たとえば、 $(".show_tr > td:eq(1)")


td の中に入力があり、入力を乱暴に置き換えることはできません

$(".show_tr > td:eq(1) >input").val(msg.col1); のように書くことができます

まずは jquery オプションを試してみてください。このツールは非常に柔軟で、さまざまな方法で使用できます

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。 JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。 Apr 05, 2025 am 12:04 AM

JWTは、JSONに基づくオープン標準であり、主にアイデンティティ認証と情報交換のために、当事者間で情報を安全に送信するために使用されます。 1。JWTは、ヘッダー、ペイロード、署名の3つの部分で構成されています。 2。JWTの実用的な原則には、JWTの生成、JWTの検証、ペイロードの解析という3つのステップが含まれます。 3. PHPでの認証にJWTを使用する場合、JWTを生成および検証でき、ユーザーの役割と許可情報を高度な使用に含めることができます。 4.一般的なエラーには、署名検証障害、トークンの有効期限、およびペイロードが大きくなります。デバッグスキルには、デバッグツールの使用とロギングが含まれます。 5.パフォーマンスの最適化とベストプラクティスには、適切な署名アルゴリズムの使用、有効期間を合理的に設定することが含まれます。

セッションのハイジャックはどのように機能し、どのようにPHPでそれを軽減できますか? セッションのハイジャックはどのように機能し、どのようにPHPでそれを軽減できますか? Apr 06, 2025 am 12:02 AM

セッションハイジャックは、次の手順で達成できます。1。セッションIDを取得します。2。セッションIDを使用します。3。セッションをアクティブに保ちます。 PHPでのセッションハイジャックを防ぐための方法には次のものが含まれます。1。セッション_regenerate_id()関数を使用して、セッションIDを再生します。2。データベースを介してストアセッションデータを3。

確固たる原則と、それらがPHP開発にどのように適用されるかを説明してください。 確固たる原則と、それらがPHP開発にどのように適用されるかを説明してください。 Apr 03, 2025 am 12:04 AM

PHP開発における固体原理の適用には、次のものが含まれます。1。単一責任原則(SRP):各クラスは1つの機能のみを担当します。 2。オープンおよびクローズ原理(OCP):変更は、変更ではなく拡張によって達成されます。 3。Lischの代替原則(LSP):サブクラスは、プログラムの精度に影響を与えることなく、基本クラスを置き換えることができます。 4。インターフェイス分離原理(ISP):依存関係や未使用の方法を避けるために、細粒インターフェイスを使用します。 5。依存関係の反転原理(DIP):高レベルのモジュールと低レベルのモジュールは抽象化に依存し、依存関係噴射を通じて実装されます。

phpstormでCLIモードをデバッグする方法は? phpstormでCLIモードをデバッグする方法は? Apr 01, 2025 pm 02:57 PM

phpstormでCLIモードをデバッグする方法は? PHPStormで開発するときは、PHPをコマンドラインインターフェイス(CLI)モードでデバッグする必要がある場合があります。

システムの再起動後にUnixSocketの権限を自動的に設定する方法は? システムの再起動後にUnixSocketの権限を自動的に設定する方法は? Mar 31, 2025 pm 11:54 PM

システムが再起動した後、UnixSocketの権限を自動的に設定する方法。システムが再起動するたびに、UnixSocketの許可を変更するために次のコマンドを実行する必要があります:sudo ...

PHPでの後期静的結合を説明します(静的::)。 PHPでの後期静的結合を説明します(静的::)。 Apr 03, 2025 am 12:04 AM

静的結合(静的::) PHPで後期静的結合(LSB)を実装し、クラスを定義するのではなく、静的コンテキストで呼び出しクラスを参照できるようにします。 1)解析プロセスは実行時に実行されます。2)継承関係のコールクラスを検索します。3)パフォーマンスオーバーヘッドをもたらす可能性があります。

フレームワークセキュリティ機能:脆弱性から保護します。 フレームワークセキュリティ機能:脆弱性から保護します。 Mar 28, 2025 pm 05:11 PM

記事では、入力検証、認証、定期的な更新など、脆弱性から保護するためのフレームワークの重要なセキュリティ機能について説明します。

See all articles