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

Question

我正在尝试创建一个简单的网页，当您在下拉菜单中选择产品名称时，该网页将显示特定图像。 图像名称将与数据库中的ID号匹配：例如ID为“ 1”的产品将需要回显“ 1.png”，ID为“ 2”的产品将是“ 2.png”等。 在数据库中，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值。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<select name="dropdown" id="dropdown">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<img id="image" src="" />
<script type="text/javascript">
$(function(){
    $( '#dropdown' ).change(function(){
        $( '#image' ).attr( 'src', $( this ).val() + ".png" );
    })
});
</script>

经过测试的示例。

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

问题描述

1 个解决方案

解决方案1
0 2015-07-25 21:11:00

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

问题描述

1 个解决方案

解决方案1 0 2015-07-25 21:11:00

解决方案1
0 2015-07-25 21:11:00