如何获取所选的下拉菜单项

nathzOO

下面的代码是我用来从数据库中生成一个下拉菜单的工具,我终于可以使用它了(php和mysql的新功能)。

首先,我是否使用了最好的方法?

其次,我想使用选择的项目来生成图像,具体取决于使用按钮提交后选择的类别。如何使用下拉菜单中的选定项目,以便在提交表单时可以生成相关图像?

<?php
include_once ("conn.php");
$querydropdown = "SELECT DISTINCT category FROM categorytypes";
$resultcategories = $mysqli->query($querydropdown);

?>

<html>

<head>


</head>

<body>

<select id="categories" class="admindropdown">
    <option selected disabled>Choose one</option>
<?php
    while ($rowCerts = $resultcategories->fetch_assoc()) {
        echo "<option value=\"{$rowCerts['category']}\">";
        echo $rowCerts['category'];
        echo "</option>";
    }
?>

</select>

</body>
阿德

您需要向元素添加name属性select

例如:

<select id="categories" class="admindropdown" name="my_dropdown">
    <option selected disabled>Choose one</option>
<?php
    while ($rowCerts = $resultcategories->fetch_assoc()) {
        echo "<option value=\"{$rowCerts['category']}\">";
        echo $rowCerts['category'];
        echo "</option>";
    }
?>

</select>

然后,您可以使用以下方法获取值:

$dropdown_value = $_POST['my_dropdown'];

元素my_dropdownname属性在哪里select

另外,您还必须使用form元素包装上面的代码

<form action="" method="POST">
/* CODE HERE */
</form>

action如果要在同一页面上访问属性,则可以将其值保留为空。

玩得开心!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何更改微调框而不是下拉菜单项的颜色?

来自分类Dev

如何使用Selenium和Python选择下拉菜单项(值或文本)?

来自分类Dev

如何更改Polymer Core-下拉菜单项的间距

来自分类Dev

下拉菜单项的引导导航栏背景颜色

来自分类Dev

如何在引导程序下拉菜单项上添加与父项相同的宽度

来自分类Dev

如何在WordPress图片库中使用jQuery选择下拉菜单项?

来自分类Dev

在下拉菜单项中添加单个图像

来自分类Dev

单击菜单项后如何“关闭”此响应下拉菜单?

来自分类Dev

禁用Angular uib下拉菜单中的菜单项

来自分类Dev

不存在某些选择复选框时如何禁用下拉菜单项

来自分类Dev

如何获取下拉菜单项的值并附加到文本输入?

来自分类Dev

Winforms MenuStrip-如何更改下拉菜单项左侧的白线?

来自分类Dev

如何使用javaScript从其他下拉菜单中选择一个下拉菜单项?

来自分类Dev

单击下拉菜单项后如何显示自定义值

来自分类Dev

React Material UI中的下拉菜单项

来自分类Dev

如何在方向更改时保留选定的微调器/下拉菜单项的状态?

来自分类Dev

通过单击下拉菜单项提交表单

来自分类Dev

如何在引导程序下拉菜单项上添加与父项相同的宽度

来自分类Dev

单击时隐藏下拉菜单项隐藏吗?

来自分类Dev

无法单击下拉菜单项中的元素

来自分类Dev

如何正确对齐/调整Bootstrap下拉菜单项?

来自分类Dev

如何使用JavaScript选择下拉菜单项

来自分类Dev

如何在此下拉菜单中显示子菜单项

来自分类Dev

将所选下拉菜单项中的文本应用于输入字段(html,javascript)

来自分类Dev

Aurelia:如何使用一些下拉菜单项构建主菜单

来自分类Dev

如何缩小下拉菜单和菜单项之间的差距

来自分类Dev

如何获取网页浏览器的下拉菜单项列表?

来自分类Dev

如何仅在选择某个下拉菜单项时激活输入字段

来自分类Dev

如何将下拉菜单项居中?

Related 相关文章

  1. 1

    如何更改微调框而不是下拉菜单项的颜色?

  2. 2

    如何使用Selenium和Python选择下拉菜单项(值或文本)?

  3. 3

    如何更改Polymer Core-下拉菜单项的间距

  4. 4

    下拉菜单项的引导导航栏背景颜色

  5. 5

    如何在引导程序下拉菜单项上添加与父项相同的宽度

  6. 6

    如何在WordPress图片库中使用jQuery选择下拉菜单项?

  7. 7

    在下拉菜单项中添加单个图像

  8. 8

    单击菜单项后如何“关闭”此响应下拉菜单?

  9. 9

    禁用Angular uib下拉菜单中的菜单项

  10. 10

    不存在某些选择复选框时如何禁用下拉菜单项

  11. 11

    如何获取下拉菜单项的值并附加到文本输入?

  12. 12

    Winforms MenuStrip-如何更改下拉菜单项左侧的白线?

  13. 13

    如何使用javaScript从其他下拉菜单中选择一个下拉菜单项?

  14. 14

    单击下拉菜单项后如何显示自定义值

  15. 15

    React Material UI中的下拉菜单项

  16. 16

    如何在方向更改时保留选定的微调器/下拉菜单项的状态?

  17. 17

    通过单击下拉菜单项提交表单

  18. 18

    如何在引导程序下拉菜单项上添加与父项相同的宽度

  19. 19

    单击时隐藏下拉菜单项隐藏吗?

  20. 20

    无法单击下拉菜单项中的元素

  21. 21

    如何正确对齐/调整Bootstrap下拉菜单项?

  22. 22

    如何使用JavaScript选择下拉菜单项

  23. 23

    如何在此下拉菜单中显示子菜单项

  24. 24

    将所选下拉菜单项中的文本应用于输入字段(html,javascript)

  25. 25

    Aurelia:如何使用一些下拉菜单项构建主菜单

  26. 26

    如何缩小下拉菜单和菜单项之间的差距

  27. 27

    如何获取网页浏览器的下拉菜单项列表?

  28. 28

    如何仅在选择某个下拉菜单项时激活输入字段

  29. 29

    如何将下拉菜单项居中?

热门标签

归档