Question

我正在尝试创建一个简单的网页，当您在下拉菜单中选择产品名称时，该网页将显示某个图像。图像名称将与数据库中的ID号匹配：例如，ID为＆＃34; 1＆＃34;将需要回应＆＃34; 1.png＆＃34;，ID＆＃34; 2＆＃34;将是＆＃34; 2.png＆＃34;等。在数据库中，ID名称当前设置为 ID 。我目前有一个工作下拉菜单连接到MySql数据库，代码如下。

func.inc.php

<?php

include_once 'db.inc.php';

function connect(){
    mysql_connect(DB_HOST,DB_USER,DB_PASS) or die('Could not connect to the database ' . mysql_error());
    mysql_select_db(DB_NAME);
}
function close(){
    mysql_close();
}
function query(){
    $myData = mysql_query("SELECT * FROM cadbury_products");
    while($record = mysql_fetch_array($myData)){
        echo '<option value="' . $record['ID'] . '">' . $record['NAMEOFPRODUCT'] . '</option>';
        }
}
?>

的index.php

<?php
include_once 'func.inc.php';
connect();?>
<!doctype html>
<html>
<head>
<title>Dropdown Menu Test</title>
</head>

<body>
<section>
<article>
<hgroup>
</hgroup>
<p align="center">
    <select name="dropdown">
        <?php query() ?>
    </select>
        <?php close() ?>
</p>
</article>
<article>
</article>
</section>
</body>
</html>

Answer 1

使用jQuery，您可以获取选择框的值，并使用新的图像链接替换图像的SRC值。

{{1}}

经过测试的例子。

PHP / MySQL数据库 - 下拉显示图像

1 个答案: