Question

我正在使用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>

但是在加载页面时它没有显示图像。

Answer 1

连接到数据库并检索图片不是一个好的选择，或者不是显示图像的方式，而是使用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> `

在ms-Dropdown的情况下如何使用数据库中的值显示图像

1 个答案: