[Javascript] 用jquery动态填充选择选项


Answers

Question

会有两个下拉列表,

首先有移动供应商名单,第二个有每个供应商的模型列表。

当从第一个下拉列表中选择一个供应商时,第二个下拉列表应该动态地填充该供应商的相关模型。 这是移动网站,最好使用jquery-mobile

第二个选项的值将在json映射中。

  <select class="mobile-vendor">
    <option value="motorola">Motorola</option>
    <option value="nokia">Nokia</option>
    <option value="android">Android</option>
  </select>

 selectValues = {"nokia"   : {"N97":"download-link", 
                              "N93":"download-link"}, 
                 "motorola": {"M1":"download-link",
                              "M2":"download-link"}}

<select class="model">
    <option></option>
</select>

例如,如果用户在第一个下拉列表中选择了诺基亚,则第二个下拉列表应该具有N97,N93作为选项。




Links