从<a> to javascript, from javascript to <form value=""></form></a>发送变量

时间:2011-03-03 08:14:49

标签: php javascript jquery html

我有以下代码:

代码1:

<div name="content">
    <a id="various3" href="picture.php" title="<?php echo $info; ?> " idno="5" >
        <img class="last" src="./images/page11.png" />
    </a>
</div>

码2:

<script language="javascript" type="text/javascript">
        $(document).ready(function() {
        var imagelinks = $('div[name=content] a');
        idno = imagelinks.attr('idno');
        document.getElementById("pid").value = idno;
</script>

CODE3:

<form id="target" method="get" action="picture.php?=">
    <input id="pid" name="pid" value="" />

码4:

<?php

$host = 'localhost';
$user = 'root';
$pw = '';
$db = 'thepillar';
$phpVar = $_GET["pid"];

mysql_connect($host,$user,$pw); 
mysql_select_db($db); 
$sql = "select pics, ext from infopics where id='$phpVar'"; 
$result = mysql_query($sql) or die('Bad query at 12!'.mysql_error()); 
while($row = mysql_fetch_array($result,MYSQL_ASSOC))
{
    $db_img = $row['pics'];
    $type = $row['ext'];
} 
$img = base64_decode($db_img); //print_r($db_img );
$img = imagecreatefromstring($img);
header("Content-Type: image/jpeg");
imagejpeg($img);
imagedestroy($img);

?>

.code1,code2和code3在同一页面index.php上,而code4在另一页面上.php。

我想要的流程是当index.php加载code2时,将每个标记分配为imagelinks,然后声明一个javascript变量idno,然后在code1中将我的标记中的idno属性设置为其值。

idno = imagelinks.attr('idno');

接下来

document.getElementById("pid").value = idno;

此代码将javascript变量idno设置为我的code3中输入id =“pid”的值。因此,我的index.php上会出现一个文本框,其中包含我的code3中的值。

。我想做的是将pid值传递给我的picture.php中的code4并将其存储为$ phpVar的值

$phpVar = $_GET["pid"];

并且当我单击code1中的标记而不是使用。

时执行

1 个答案:

答案 0 :(得分:0)

首先,$(document).ready中的jQuery可以更简单地编写:

$('#pid').val($('div[name=content] a').attr('idno'));

如果您想将其发送到php,可以添加以下内容:

$('#various3 img').click(function(){
    $('#target').submit();
});

单击图像时会提交表单。

我还会提到评论者关于SQL清理的建议,而不是使用任意HTML属性。