[英]is there a way to show command only after the option is selected in php
提示:本站为国内最大中英文翻译问答网站，提供中英文对照查看，鼠标放在中文字句上可显示英文原文。
我无法弄清楚在选择选项后如何放置所选代码。
我正在使用 laravel，但我认为它与 laravel 框架无关...
<select id="idjenisuniform" name="idjenisuniform" style="width: 100%;">
<option value=""></option>
@foreach($idjenisuniform as $g)
<option value="{{$g->id}}" >{{$g->badanuniform}}</option>
@endforeach
</select>
（ idjenisuniform来自 controller，它有效），但我只是不知道从选项中完成选择后该怎么做。
它选择police -> the id is 1
我要实现：
如果它的选项是1 ，那么它将显示其他选项以显示他在哪个组。例如detective 。
总之，我正在尝试创建一个 select 选项，在选择它之后，它将继续执行与选项中的前一个 id 相对应的下一个 select 选项。
请帮忙。
由于您想要一种取决于用户交互的效果，因此最好使用 javascript 来获得您想要的效果。 php，选择要go一路返回web服务器处理，然后将结果一路传回浏览器，结果刷新整个web页面。 使用 javacript，一切都发生在浏览器中。
但是，您要求 php 解决方案，所以这是最简单的方法。 假设第一个 select 元素名为“select-one”，第二个 select 元素名为“select-two”
创建两个 forms。注意第二个表单有一个 ID。
[form action="/url/" method="whatever"]
[form id="other-form" action="/url/" method="post"]
在主表单（没有 ID 的表单）中，放置所有表单元素。 此外，放置另一个与第一个 select 元素同名的隐藏元素（“select-one”）；
[form]
[input type="hidden" name="select-one"]
... all other elements
[/form]
现在，当您添加第一个 select 元素时，给它一个新属性，以便它与“其他形式”而不是与主形式相关联。 另外，给它一个ID。
[select id="select1" name="select-one" form="other-form"]
您必须添加一点 javascript，但并不多。 如果您没有设置任何其他 javascript，只需将它放在 web 页面的底部，就在 [/body] 标签上方。
[script]
const select1 = document.querySelector('#select1');
select1.addEventListener('change', (event) => event.target.form.submit());
[/script]
javascript 将提交与#select1 关联的表单。 由于我们将元素分配给“other-form”，这就是将要提交的表单。
对于 php：我已经很长时间没有使用 Laravel 了，所以我在这里只提供一些普通的 php。
$options_one = ['One', 'Two', 'Three'];
$options_two = [
'One' => ['Foo', 'Bar', 'Baz'],
'Two' => ['Boom', 'Bang', 'Bam'],
'Three' => ['Fee', 'Fie', 'Fo', 'Fum']
];
$select_one = (isset ($_POST['select-one']) ? $_POST['select_one'] : false;
// do some input validation
现在对于 forms：
<form id="other-form" method="post" action = ""></form>
<form id="main-form" action="">
<input type="hidden" name="select-one" value="<?php echo $select_one ?>">
<!-- This element is assigned to "other-form" -->
<select form="other-form" name="select-one" id="select1">
<option value="">Select One...</option>
<?php foreach($options_one as $option) {
$option = ($select_one === $option) ? "<option selected>$option</option>" : "<option>$option</option>";
echo $option;
}?>
</select>
<select name="select-two">
<?php
$options = ["The first choice has not been selected"];
if (array_key_exists($select_one, $options_two)) {
$options = $options_two[$select_one];
}
foreach ($options as $option) {
echo "<option>$option</option>";
}
?>
</select>
<!-- other inputs in your form -->
</form>
jQuery仅在选中时显示ID选项{help}
[英]jquery Show id option only if selected {help}
我只想按ID显示所选类别的子类别。 我尝试使用分离的select ，但是使用相同的名称很长，因为它需要检查每个名称是否为空... 也许我错了...我需要一些想法。 这是我的HTML： 这是我的jQuery代码： 提前致谢 ：） ...
仅显示所选选项的值
[英]only show values from selected option
我试图了解如何使用PHP和表格。 当我们拥有以下数据库时： 现在，我在网页中显示所有信息，如下所示： 但是，当我现在想要的时候，当您从选项标签中选择任何种类的选项（土地）时，我希望表格仅显示该土地的价值。 但是我不知道该怎么做。 到目前为止，这是我的代码： HTM ...
.html() 如何仅显示 select 的选定选项？
[英].html() how to show only selected option of select?
当我做 $("#form").html() 我的 output 是； 但是当我调用.html() function 时，我只想像这样获得 select 的选定选项； 我怎么能用.html() function 做到这一点？ ...
仅在选择特定选项时才显示输入字段
[英]Show input field only if a specific option is selected
我正在尝试制作一个表单，用于检查是否从“选择”标签中选择了某个选项。 这是我当前的 HTML： 这是选择“Muu”后应该变得可见的 div 元素： 这是我尝试使用的 JavaScript： 但它不起作用... ...
如何仅在选择选项时显示日期选择器？
[英]How to show datepicker only when a option is selected?
我正在使用 react-datepicker 并且有一个带有 4 个选项的选择，我只需要在选择选项编号 3 时显示日历。 这是我到目前为止的代码。 const [startDate, setStartDate] = useState(new Date()) & ...
在turbolinks.visit（url）之后是否有一种方法可以在选择菜单中显示选定的选项值
[英]Is there a way to show the selected option value in the select menu after turbolinks.visit(url)
我有很多带有“ url”作为其值的选项菜单。 用户点击该选项后，会将其带到特定的网址。 我希望将选定的选项带到特定的URL时显示在选择菜单上。 代码：HTML： Javscript Turbolinks将进入下一个路径，而下拉选项被预选为第一个选项。 任何人都可以让我 ...
仅在多重选择中选择了特定选项时才显示输入字段
[英]Show input field only if a specific option is selected in multiple select
我有一个多选框，如下面的示例 现在，如果我选择印度以及其他一些国家，那么我需要为显示的印度州选择另一个 我为常规select创建了一个js： 如果我仅选择印度，那么将显示州选择框。 但是，如果我选择印度以及其他国家/地区，则州搜索框会消失。 如果在国家/地区中选择了印 ...
使用jquery仅显示表单中选择的当前选项
[英]Use jquery to show only the current option selected in the form
我对jquery非常陌生。 这是我的代码 我想做的是，如果值为1则显示一个特定的文本框，如果值为1则显示另一个文本框，依此类推。 但是在这里，如果用户首先选择了值为1的选项，而后又选择了2 ，则该选项不会被隐藏。 我如何隐藏以前的值，而只显示当前选择的值 ...
AntDesign select 菜单，希望选中时只显示部分选项
[英]AntDesign select menu, want to only show part of the option when selected
所以我有这个 AntDesign Select 菜单 现在，您可以看到选项列表是0 - red等。但是当我单击1 - green时，我希望 select 框中写入的值仅为1 。 这么问有什么奇怪的吗？ 我真的无法在Select 文档的任何地方找到它 ...
仅在选择了选项的情况下，才在多个表单上显示提交按钮
[英]Show submit button on multiple forms only if option selected
仅当从选择中选择一个选项时，我才需要在同一页面的许多表单上显示“提交”按钮。 我有： <form id="1"> <input type="text"> <select> <option value="">Select one ...
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.