gpt4 book ai didi

php - 在 php 中获取 Bootstrap 下拉列表的值

转载 作者:可可西里 更新时间:2023-11-01 00:08:24 26 4
gpt4 key购买 nike

我创建了一个包含多个字段的表单,例如输入类型名称、复选框和下拉列表。我的下拉代码:

<div class="container">
<form action="selecttest.php" method="post">
<div class="dropdown">
<div class="dropdown-toggle somename1" data-toggle="dropdown"id="menu1"></div>
<ul class="dropdown-menu myclass numberom1" aria-labelledby="menu1" name="thenumbers">
<li value="one">One</li>
<li value="two">Two</li>
<li value="three">Three</li>
<li value="four">Four</li>
<li value="five">Five</li>
</ul>

</div>
<input type="submit" name ="submit"/>

我想获取选中的<li>的值在 selecttest.php 中。以下代码无效:

$val = $_POST["thenumbers"];
echo "the Value selected is ".$val;

如何在 php 页面中获取下拉列表的值?上面提到的表单中还有其他元素,所以我不能使用 jquery onclick 事件。这是一个非 ajax 形式。

谢谢。

最佳答案

下拉菜单与选择输入不同。

在一个表单中,select 输入的语法(就像你的,在 Bootstrap 中)是:

<label for="select_1">Select list:</label>
<select class="form-control" id="select_1" name="thenumbers">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
<option value="four">Four</option>
</select>

只要 select 具有值为“thenumbers”的属性 name,并且 select 在提交的表单中,您将能够在 PHP 中获取所选元素的值:

$val = $_POST["thenumbers"];
echo "the Value selected is ".$val;

要将 Bootstrap 下拉菜单用作人造 select,您可以使用 JavaScript。这是一个 jQuery 示例:

HTML

<!-- Create dropdown and add specific class '.thenumbers' to ul element -->
<div class="dropdown">
<div class="dropdown-toggle somename1" data-toggle="dropdown"id="menu1"></div>
<ul class="dropdown-menu myclass numberom1 thenumbers" aria-labelledby="menu1" name="thenumbers">
<li value="one">One</li>
<li value="two">Two</li>
<li value="three">Three</li>
<li value="four">Four</li>
<li value="five">Five</li>
</ul>
</div>

<!-- Create a hidden input -->
<input type='hidden' name='thenumbers'>

jQuery

$(function(){
//Listen for a click on any of the dropdown items
$(".thenumbers li").click(function(){
//Get the value
var value = $(this).attr("value");
//Put the retrieved value into the hidden input
$("input[name='thenumbers']").val(value);
});
});

这样(只要隐藏的输入在表单内),提交表单时,“thenumbers”输入值将是最后选择的下拉选项。

关于php - 在 php 中获取 Bootstrap 下拉列表的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38900832/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com