我正在使用from控件(本例中为2)创建一个网页。我的代码如下：
<body>
<div class="option_choice_global">
Select your options
<div class="col-xs-2">
<label> Application </label>
<select class="form-control" id="application">
<?php
$applications = get_apps();
foreach ($applications as $key => $value) { echo '<option value='.$key.'>'.$value.'</option>'; }
?>
</select>
</div>
<div class="col-xs-1">
<label> Version </label>
<select class="form-control" id="version">
<?php
$versions = get_versions();
foreach ($versions as $key => $value) { echo '<option value='.$key.'>'.$value.'</option>'; }
?>
</select>
</div>
<div class="col-xs-12">
<button type="submit" class="btn btn-default" onclick="fonction_submit_graph(this)"> <b> Submit </b> </button>
</div>
</div>
</body>
但我希望第二个(版本)只有在选择了第一个控制器(应用程序)上的值时才会出现。然后，我的函数get_versions()将取决于所选的应用程序：get_version(application_number)。
只有当选择了第一个控制器上的值时，我才能显示第二个控制器？要获取选定的值？非常感谢。
如果我理解得对，您希望在从第一个下拉列表中选择一个值后显示第二个select下拉列表。
这可以通过JavaScript和CSS轻松完成：
- 在第二个
select标记中，添加以下属性：style="{display: none;}"。这将隐藏下拉列表。为了便于识别，还将其命名为id="select2" - 在第一个
select标记中，添加以下属性：onchange=showHiddenSelect();这将导致在值更改时调用函数，即选择选项。同时给它一个id="select1" - 在文档中的某个位置，定义
showHiddenSelect函数如下：函数showHiddenSelect(){document.getElementById("select2").style.display="block"；}
如果你也想得到所选的值，你只需要在函数var select1value = document.getElementById("select1").value;中添加它，然后用它做你想做的事。
如果您需要将select1中选定的选项发送到后端，然后用于计算select2的选项，那么您最好使用AJAX从脚本发送和接收数据，然后用JavaScript填充选择。