Javascript 将表单数据中所选列表项的dropdwon发送到服务器_Javascript_Html

Javascript 将表单数据中所选列表项的dropdwon发送到服务器

javascript html

Javascript 将表单数据中所选列表项的dropdwon发送到服务器,javascript,html,Javascript,Html,如何在按下提交按钮时将所选下拉列表项与表单数据一起发送到服务器 html 选择条件简单的方法是创建一个隐藏的输入，然后将下拉选项的值传递给它！请参阅我的代码： <html> <head> <title>12328354/calling-a-particular-php-function-on-form-submit</title> <link rel="stylesheet" href="https://ma

如何在按下提交按钮时将所选下拉列表项与表单数据一起发送到服务器

html


选择条件

简单的方法是创建一个隐藏的输入，然后将下拉选项的值传递给它！请参阅我的代码：

<html>
<head>
    <title>12328354/calling-a-particular-php-function-on-form-submit</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<form method="post" action="stacksubmit.html">
    <span class="dropdown" >
        <button class="btn btn-default dropdown-toggle" name="ops" type="button" id="menu2" data-toggle="dropdown">Select Condition
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu"   role="menu" aria-labelledby="menu1" name="dropdown">
            <li  role="presentation"><a role="menuitem" tabindex="-1" href="#">Not Equals</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Equals</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Greater Than</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Less Than</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Contains</a></li>
        </ul>
        <input type="hidden" name="optionvalue" id="optionvalue">
    </span>
    <input type="submit" value="click">
</form>
<script>
  $('.dropdown-menu a').click(function(){
    $('#optionvalue').val($(this).text());
  });
</script>

</body>

</html>


12328354/calling-a-special-php-function-on-form-submit
选择条件







$（'.下拉菜单a'）。单击（函数（）{
$（'#optionvalue'）.val（$（this.text（））；
});

您有一个ul，其样式为下拉列表。有几种方法可以捕获单击的列表项。您尝试过什么？@develenvonate使用select，然后将选项作为下拉项有助于检索req.body中的选定项，但如果下拉项的形式为li，则我希望检索选定项。然后，添加php页面get SUMBIT，您可以通过以下方式获取该值：$option=$\u POST['optionvalue']；echo（可选）；是的，我明白了。顺便说一句，我使用nodejs，并在req.body.optionvalue中检索到该值。谢谢你的帮助！！

<html>
<head>
    <title>12328354/calling-a-particular-php-function-on-form-submit</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<form method="post" action="stacksubmit.html">
    <span class="dropdown" >
        <button class="btn btn-default dropdown-toggle" name="ops" type="button" id="menu2" data-toggle="dropdown">Select Condition
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu"   role="menu" aria-labelledby="menu1" name="dropdown">
            <li  role="presentation"><a role="menuitem" tabindex="-1" href="#">Not Equals</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Equals</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Greater Than</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Less Than</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Contains</a></li>
        </ul>
        <input type="hidden" name="optionvalue" id="optionvalue">
    </span>
    <input type="submit" value="click">
</form>
<script>
  $('.dropdown-menu a').click(function(){
    $('#optionvalue').val($(this).text());
  });
</script>

</body>

</html>