php - 如何在下拉菜单中显示图像

Question

在 Php 的下拉菜单中有显示图像的方法吗？ 我尝试使用本教程代码嵌入我的代码:http://www.marghoobsuleman.com/jquery-image-dropdown

<?php if ($data->URL->Visible) { // URL ?>
        <td<?php echo $data->URL->CellAttributes() ?>>
<div<?php echo $data->URL->ViewAttributes() ?>><?php echo $data->URL->ListViewValue() ?></div>
        <?php
        //echo '<pre>';var_dump($data->URL);echo '</pre>';
echo "<select name='webmenu' id='webmenu' ><option value='".$data->URL->EditValue."'>".$data->URL->EditValue."</option>";
echo  "<option value='1' data-image='img/tim.png'>True</option>";
echo  "<option value='0' data-image='img/do.png'>False</option>";
echo "</select>";
?>
</span></td>
<?php } ?>

但它确实让我的页面变得一团糟，因为我的 php 页面中并没有真正的“body”标签，也没有从我的头文件中导入的头文件。所以我想我不能把那个代码正确地放在我的里面，它可能也不适用于 php 页面...... 而且我认为应该有更直接的方法，人们已经使用 php 页面在下拉菜单中显示图像。 我也尝试了一些其他方法，但它只适用于 Firefox，这还不够好，因为我需要从任何移动设备打开它。 请给我一些提示!谢谢!

Answer 1

我已经编辑了你的代码请检查

    <?php if ($data->URL->Visible) { // URL ?>

            <td<?php echo $data->URL->CellAttributes() ?>>
                <div<?php echo $data->URL->ViewAttributes() ?>><?php echo $data->URL->ListViewValue() ?></div>
                            <select name="webmenu" id="webmenu" >
                                <option value="<?php echo $data->URL->EditValue?>"><?php echo $data->URL->EditValue?></option>
                                <option value="1" data-image="img/tim.png">True</option>
                                <option value="0" data-image="img/do.png">False</option>
                            </select>
            </td>
    <?php } ?>


//plz note this code

<script>
$(document).ready(function(e) {     
    $("select#webmenu").msDropdown({roundedBorder:false});
});
</script>