javascript - 来自数据库jsp的依赖动态下拉列表

Question

我正在尝试根据第一个选择制作一个带有第二个选择的下拉列表，所有信息都来自一个大数据库。

这些是我需要使用的两个表和列，每个都有 2 个示例。

表国家:CODE，NAME

           RO     ROMANIA

           GB     GREAT BRITAIN

表格区域:CODE、NAME、ISOCOUNTRYCODE

        RO213   Vrancea     RO

        RO345   Vaslui      RO

        GB365   London      GB

        GB453   Manchester  GB

这就是我目前在 JSP 中拥有的内容:

<td>Ţara în care s-a efectuat prelevarea probei *:</td>
<td>
   <select name="sampcountry" onblur="return validate2(this);" title="Ţara în care a fost prelevata proba (ISO 3166-1-alpha-2).">
      <option value="" />
      <%ResultSet rs1=s t.executeQuery( "select code,name from country"); while(rs1.next()){ %>
         <option value="<%=rs1.getString(" code ")%>">
            <%=rs1.getString( "name")%>
         </option>
         <%}%>
   </select>
</td>
</tr>

<tr>
   <td>Zona de prelevare:</td>
   <td>
      <select name="samparea" style="width: 300px" title="Zona în care a fost prelevată proba  (Nomenclatorul Unităţilor Teritoriale pentru Statistică NUTS –  sistem de coduri valabil doar pentru ţările membre UE şi Elveţia).">
         <option value="" />
         <% ResultSet rs2=s t.executeQuery( "select code,name,isocountrycode from area"); while(rs2.next()){ %>
            <option value="<%=rs2.getString(" code ")%>">
               <%=rs2.getString( "name")%>
            </option>
            <%}%>
      </select>
   </td>
</tr>

我需要的是，当我在第一个选择框中选择国家时，第二个选择框将只显示该国家的地区。 AREA.ISOCOUNTRYCODE 列包含 COUNTRY.CODE 列信息，如上述示例所示。

Answer 1

像这样的东西就可以了

$("select[name=sampcountry]").on("change", function(){
  $("select[name=samparea] option")
    .hide().removeAttr("selected")
    .parent().find("option[value^="+ $(this).val() +"]").show()
    .first().prop("selected",true);
});

这将首先隐藏所有选项，然后显示以所选国家/地区代码开头的值。

FIDDLE