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

时间:2013-06-09 16:22:03

标签: php jquery html css

无论如何在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,这还不够好,因为我需要从任何移动设备打开它。 请给我一些提示!谢谢!

1 个答案:

答案 0 :(得分:-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>