показывать элемент управления формы только тогда, когда значение выбрано в предыдущем элементе управления формы с помощью html и переполнения стека

Question

показывать элемент управления формы только тогда, когда значение выбрано в предыдущем элементе управления формы с помощью html и переполнения стека

Я создаю веб-страницу с элементами управления 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_versions (application_number).

Как я могу сделать так, чтобы показывать второй контроллер только при выборе значения на первом? И получить выбранное значение?
Спасибо!

0

form-control html php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Если я вас правильно понимаю, вы хотите показать второй select выпадающий после того, как значение выбирается из первого.

Это легко сделать с помощью JavaScript и CSS:

Во-вторых select тег, добавьте эти атрибуты: style="{display: none;}", Это скроет выпадающий список. И дай id="select2" для легкой идентификации.
Во-первых select добавить этот атрибут: onchange=showHiddenSelect(); Это вызывает функцию, которая вызывается при изменении значения, т. Е. Выбирается опция. Также дайте ему id="select1",
Где-то в вашем документе определите showHiddenSelect функционировать так:
function showHiddenSelect () {
. Document.getElementById ( «Select2») style.display = «блок»;
}

Если вы также хотите получить выбранное значение, просто добавьте это в эту функцию: var select1value = document.getElementById("select1").value; и делай с ней что хочешь.

Если вам нужен выбранный вариант из select1 для отправки на сервер, а затем использовать для расчета вариантов select2тогда вам лучше всего использовать AJAX для отправки и получения данных из скрипта, а затем заполнить выбор с помощью JavaScript.

0