Html 如何在更改另一个下拉列表jquery中的任何值时显示具有特定值的新下拉列表

我有一个值为a和B的下拉列表。只有在我更改下拉列表“mySelect”中的任何值时，我才需要另一个值为1,2,3,4的下拉列表。我不需要根据选择更改值。我只需要显示另一个下拉列表“newSelect”

下拉列表1：

  <select id="mySelect" title="" disabled="disabled">
                        <option value="">Select</option> 
                        <option value="A">A</option>
                        <option value="B">B</option>
  </select>

如果我更改下拉列表1的值，我需要获得另一个下拉列表2

下拉列表2：

<select id="newSelect" title="" disabled="disabled">
                        <option value="">Select</option> 
                        <option value="1">Open</option>
                        <option value="2">Closed</option>
                        <option value="3">Reopen</option>
                        <option value="4">InProgress</option>
</select>

请告诉我如何实现此目的。

以隐藏方式启动您的新闻选择：

<select id="newSelect" title="" disabled="disabled" style="display: none">
...
</select>

以隐藏状态启动新闻选择：

<select id="newSelect" title="" disabled="disabled" style="display: none">
...
</select>

---

有多种选择。我相信，如果用户从第一个菜单中选择任何值，您只想显示另一个下拉列表。 您可以使用onChange功能并显示第二个菜单。出于测试目的，我删除了disabled属性

const子菜单=document.getElementByIdnewSelect； const main menu=document.getElementByIdmySelect； window.onload=函数{ 子菜单.style.display=无； } main menu.onchange=函数{ 子菜单.style.display=块； } 选择 A. B 选择 打开 关闭 重开 进展中

---

有多种选择。我相信，如果用户从第一个菜单中选择任何值，您只想显示另一个下拉列表。 您可以使用onChange功能并显示第二个菜单。出于测试目的，我删除了disabled属性

const子菜单=document.getElementByIdnewSelect； const main menu=document.getElementByIdmySelect； window.onload=函数{ 子菜单.style.display=无； } main menu.onchange=函数{ 子菜单.style.display=块； } 选择 A. B 选择 打开 关闭 重开 进展中

---

我想这正是您所希望的，当第一个下拉列表未被选中时，第二个下拉列表将显示，即具有“选择”值。如果只希望在第一个下拉列表中的特定选项上显示第二个下拉列表，则可以更改以下行：

if ($("#mySelect option:selected").text() == "Select") {

为此，请记住替换您的_值，这里我们将检查该值是否不等于您的_值，从而隐藏第二个下拉列表：

if ($("#mySelect option:selected").text() != "YOUR_VALUE") {

如果你还需要什么，请告诉我

奥利

//加载时隐藏选择 $newSelect.hide； //将事件添加到第一个选择的更改 $mySelect.changefunction{ //检查所选选项是否为“选择” 如果$mySelect选项：selected.text==Select{ //如果第一个下拉列表为“选择”，则隐藏第二个下拉列表 $newSelect.hide； }否则{ //如果第一个下拉列表不等于“选择”，则显示第二个下拉列表 $newSelect.show； } }; 选择 A. B 如果我更改下拉列表1的值，我需要获得另一个下拉列表2下拉列表2： 选择 打开 关闭 重开 进展中

---

我想这正是您所希望的，当第一个下拉列表未被选中时，第二个下拉列表将显示，即具有“选择”值。如果只希望在第一个下拉列表中的特定选项上显示第二个下拉列表，则可以更改以下行：

if ($("#mySelect option:selected").text() == "Select") {

为此，请记住替换您的_值，这里我们将检查该值是否不等于您的_值，从而隐藏第二个下拉列表：

if ($("#mySelect option:selected").text() != "YOUR_VALUE") {

如果你还需要什么，请告诉我

奥利

//加载时隐藏选择 $newSelect.hide； //将事件添加到第一个选择的更改 $mySelect.changefunction{ //检查所选选项是否为“选择” 如果$mySelect选项：selected.text==Select{ //如果第一个下拉列表为“选择”，则隐藏第二个下拉列表 $newSelect.hide； }否则{ //如果第一个下拉列表不等于“选择”，则显示第二个下拉列表 $newSelect.show； } }; 选择 A. B 如果我更改下拉列表1的值，我需要获得另一个下拉列表2下拉列表2： 选择 打开 关闭 重开 进展中

---

谢谢你的快速回答！，我有一个问题，为什么我的newSelect即使在更换mySelect后也没有出现。这是因为样式显示none吗？这可能是许多事情之一，我只能猜测而看不到您的代码。请将您遇到的问题的答案包括在内。谢谢您的快速回答！，我有一个问题，为什么我的newSelect即使在更换mySelect后也没有出现。这是因为样式显示none吗？这可能是许多事情之一，我只能猜测而看不到您的代码。请包含您遇到的问题的详细信息。