在选择“第一个 - 语义 UI”后打开第二个下拉列表

Question

我有一个显示国家/地区城市的语义 UI 下拉列表和另一个显示城市区域的下拉列表（语义）。 选择第一个下拉列表后，Ajax 请求发送并获取所选城市的区域。 现在我需要在选择第一个下拉列表并响应 ajax 请求时强制自动打开第二个下拉列表（只是 jquery）。

这是第一个下拉菜单

<select class="ui search dropdown">
   <option value="">select city</option>
   <option value="1">city1</option>
   <option value="2">city2</option>
   <option value="3">city3</option>
   <option value="4">city4</option>
   <option value="5">city5</option>
</select>

这是区域下拉列表

<select class="ui search dropdown">
  <option value="">select region</option>
  <option value="1">region1</option>
  <option value="2">region2</option>
  <option value="3">region3</option>
  <option value="4">region4</option>
  <option value="5">region5</option>
</select>

请帮助我。谢谢

Answer 1

设置要用作选择器的下拉列表的 id

<select id="citydropdown" class="ui search dropdown">
   <option value="">select city</option>
   <option value="1">city1</option>
   <option value="2">city2</option>
   <option value="3">city3</option>
   <option value="4">city4</option>
   <option value="5">city5</option>
</select>

这是区域下拉列表

<select id="regiondropdown" class="ui search dropdown">
    <option value="">select region</option>
    <option value="1">region1</option>
    <option value="2">region2</option>
    <option value="3">region3</option>
    <option value="4">region4</option>
    <option value="5">region5</option>
</select>

加载区域下拉列表

数据后，按如下方式切换区域下拉列表

$('#regiondropdown').toggle();