javascript - HTML 链接会像表单一样下拉菜单？

Question

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

如果有人熟悉 Facebook 的布局，我正在尝试编写一个与“评论”框或“状态”框侧面类似的元素，其中有“向下箭头”图标，单击后会下拉菜单(类似于下拉菜单，但包括更多的工作)。唯一的问题是，单击菜单中的元素后，我需要执行一个操作...例如:

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

就像表单的工作方式一样。有没有一种简单或更简单的方法可以做到这一点，而不是搞乱大量的 CSS 和 JS 代码？只是为了得到一个简单的“箭头”样式的图标，它会放入菜单中，每个选定的元素都用作表单提交按钮？

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

Answer 1

好吧，您可以使用带有一些简单 javascript 的 select，例如:

<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>