Javascript 如何仅在选择了其他选择的选项时显示选择？

我在一个页面上有4个选择，只有第一个可见。此外，第一个select具有基本提示字符串：像这样选择人员：

<select name="post[person_id]">
  <option value="">Choose person</option>
  <option value="1">David</option>
  <option value="2">Sam</option>
  <option value="3">Tobias</option>
</select>

一旦用户从第一个下拉列表中选择某个选项，则必须显示其他3个选项

如何实现它？

您必须使用方法

<select onchange="myFunction()">

<script>
function myFunction(){

// fetch new data for the next select. 

//append the new options on next select. 

// make select available or enabled 

}

</script>

对于第一个选择，使用onchange获取并填充下一个选择的选项。并对以下选择执行相同的操作

您还可以获取并使其在完成的实例中可用，以填充select

如果您没有使用jQuery。您可以附加选项

您必须使用方法

<select onchange="myFunction()">

<script>
function myFunction(){

// fetch new data for the next select. 

//append the new options on next select. 

// make select available or enabled 

}

</script>

对于第一个选择，使用onchange获取并填充下一个选择的选项。并对以下选择执行相同的操作

您还可以获取并使其在完成的实例中可用，以填充select

---

如果您没有使用jQuery。您可以附加选项

这里是一个简单的jquery解决方案。关键是使用.change事件并将其连接到下拉列表

HTML

---

下面是一个简单的jquery解决方案。关键是使用.change事件并将其连接到下拉列表

HTML

---

不知道你需要什么。可以详细说明吗？@AlvaroJoao您不确定什么？在“第一选择”的更改处理程序中显示其他更改。请显示您的代码尝试。。。。做到这一点并不困难，这不是一个代码编写过程service@charlietfl如何触发选择了某个选项的事件？请收听不确定您需要什么的更改事件。可以详细说明吗？@AlvaroJoao您不确定什么？在“第一选择”的更改处理程序中显示其他更改。请显示您的代码尝试。。。。做到这一点并不困难，这不是一个代码编写过程service@charlietfl如何触发选择了某个选项的事件？请收听更改事件

$('#controllerDD').change(function (e) {
    var selected = $(e.currentTarget).val();
    $('#DD1').hide();
    $('#DD2').hide();
    switch (selected) {
        case "Show 1":
            $('#DD1').show();
            break;
        case "Show 2":
            $('#DD2').show();
            break;
        case "Show All":
            $('#DD1').show();
            $('#DD2').show();
            break;
        default:
            break;
    }
})