Question

i有一个语义ui dropDown，用于显示国家/地区的城市，而另一个下拉菜单（语义）则用于显示城市的区域。选择第一个下拉菜单后，Ajax请求将发送并获取所选城市的区域。现在，当选择第一个dropDown并响应了ajax请求时（仅jquery），我需要强制性地强制打开第二个dropDown。

这是第一个dropDown

<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();

选择第一个之后打开第二个下拉菜单-语义ui

1 个答案: