HTML链接会下拉一个像表单一样工作的菜单吗?

时间:2014-05-12 01:07:51

标签: javascript php html css

这里有点令人困惑,因为我不确定这会被称为什么?...

如果有人熟悉Facebook的布局,我会尝试编写类似的项目,如“评论”框或“状态”框旁边有“向下箭头”图标,一旦点击,就会下降菜单(类似于下拉菜单,但包括更多的努力工作)。唯一的问题是,一旦菜单中的项目被点击,我就需要执行一个动作......例如:

<?php
if($_POST['delete']){
mysql_query"Do the query";
}

就像表单一样有效。是否有一种简单或简单的方法来做到这一点,而不是搞乱大量的CSS和JS代码?只是为了获得一个简单的“箭头”样式图标,该图标会放入菜单中,每个项目都选择作为表单提交按钮?

P.S:已经尝试使用下拉选择框,但没有用。还尝试在其中添加一个图标,没有用。尝试使用下拉导航菜单,但也无效。

1 个答案:

答案 0 :(得分:1)

好吧,你可以使用select和一些简单的javascript,如下:

<select onchange="this.form.submit()">

一旦用户选择了一个选项,表单就会提交。

详细说明一下,这是一个例子:

<?php
    // If form submitted, check value and do work...
    if (isset($_POST['myselect'])) {
        if ($_POST['myselect'] == 'delete') {
           echo "User selected Delete!!!";
        }
        //elseif ...                    
    }
?>
<form method="POST" action="">
    <select name="myselect" onchange="this.form.submit()">
        <option>...</option>
        <option value="delete">Delete</option>
        <option value="other">Other task...</option>
    </select>
</form>