在依赖下拉列表JS上添加第三个列表

Question

我正在尝试创建动态依赖下拉列表。下面的代码可以正常使用2依赖，我正在尝试添加第三个依赖项。你有什么想法吗？举个例子 ：

状态1 =报价1，报价2，报价3，报价4

优惠1 =选项1

谢谢你的帮助

更新11.15.09

终于找到了解决方案

$("#street").val([]);
$('#street option').hide();

$("#city").on("change", function() {
  $('#street option')
    .hide() // hide all
    .filter('[value^="' + $(this).val() + '"]') // filter options with required value
    .show(); // and show them

  $("#street").val([]);
})

$("#number").val([]);
$('#number option').hide();

$("#street").on("change", function() {
  $('#number option')
    .hide() // hide all
    .filter('[value^="' + $(this).val() + '"]') // filter options with required value
    .show(); // and show them

  $("#number").val([]);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
City:
<select id="city" name="city">
  <option value="0">Select City</option>
  <option value="1">Manchester</option>
  <option value="2">Leicester</option>
  <option value="3">Londra</option>
</select>
Street:
<select id="street" name="street">
  <option value="1.A">Street A</option>
  <option value="1.B">Street B</option>
  <option value="1.C">Street C</option>
  <option value="2.D">Street D</option>
  <option value="2.E">Street E</option>
  <option value="2.F">Street F</option>
  <option value="3.G">Street G</option>
  <option value="3.H">Street H</option>
</select>
Number:
<select id="number" name="number">
  <option value="1.A">1</option>
  <option value="1.B">2</option>
  <option value="1.C">3</option>
  <option value="2.D">4</option>
  <option value="2.E">5</option>
</select>