Jquery 在ms下拉列表中如何使用数据库中的值显示图像

我正在使用msDropdown作为我的图像下拉菜单。每次用户选择一个图像时，它都会向数据库插入一个值。现在我想在加载此页面时，下拉菜单将根据当前存储在数据库中的值填充选定的图像。但是我真的不知道msDropdown如何理解和关联图像的价值。 以下是我尝试过的：

  $connector = new DbConnector();
  $Attend = mysql_query("SELECT `Attend` FROM `Database`.`Table` WHERE `Table`.`FieldName`='xyz'"); ?>
  <select name="Attend" id="Attend">
    <option value="'.$Attend.'" selected="selected">'.$Attend.'</option>;
    <option value="Yes" title="img/check.png"></option>
    <option value="No" title="img/no.png"></option>
  </select>

$connector=new DbConnector（）；
$attent=mysql\u查询（“从`Database`.`Table`WHERE`Table`.`FieldName`='xyz`中选择`attent`”）；？>
“.$出席”；

---

但在加载页面时，它不会显示图像。

连接到数据库并检索图片不是一个好的选择，或者不是显示图像的方式，而您可以使用CSS+Javascript或JQuery并使用简单的图像标记显示图像

   Try some code like this, it might work out

function showPic(opt){

    var selopt = document.getElementById("opt").value;

    if(selopt == 1){
           document.getElementById("lambo").style.display="block";
    }
    if(selopt == 1){
           document.getElementById("audi").style.display="block";
    }
    if(selopt == 1){
           document.getElementById("ferr").style.display="block";
    }
}

<select id="opt" onChange="showPic;">
    <option value=1>Lamborgini</option>
    <option value=2>Audi</option>
    <option value=3>Ferrari</option>
</select>

<div id="lambo"> <img src="lamborgini.jpg" /></div>
<div id="audi"> <img src="audi.jpg" /></div>
<div id="ferr"> <img src="ferrari.jpg" /></div> `

试试这样的代码，可能会成功
函数showPic（opt）{
var selopt=document.getElementById（“opt”）.value；
如果（selopt==1）{
document.getElementById（“lambo”）.style.display=“block”；
}
如果（selopt==1）{
document.getElementById（“奥迪”）.style.display=“块”；
}
如果（selopt==1）{
document.getElementById（“ferr”）.style.display=“block”；
}
}
兰博基尼
奥迪
法拉利
`