如何使用Javascript根据动态选择的值设置下拉列表的值？

Question

我必须设计一种形式，其中一个下拉列表的值将基于使用JavaScript在另一个下拉列表中选择的值进行动态更改。

第一个列表用于城市，第二个列表用于国家。因此，例如，如果我选择金奈作为我的城市，那么该州应自动为泰米尔纳德邦。但是在选择城市之前，我应该可以查看整个州的列表。

我已经为城市编写了以下代码：

<select name='city' onchange="showState(this.value);">  
<option value="none">Select</option>  
<%try{ %>
<%
Class.forName("com.pointbase.jdbc.jdbcUniversalDriver");
Connection con = DriverManager.getConnection("jdbc:pointbase:server://localhost:9092/demo", "PBPUBLIC", "PBPUBLIC");
Statement stmt = con.createStatement();  
ResultSet rs = stmt.executeQuery("Select * from PBPUBLIC.PLACE");
while(rs.next()){
%>
<option value="<%=rs.getString("CITY")%>"><%=rs.getString("CITY")%></option>  
<%
}
%>
<% } catch(Exception e){ %>
<% } %>
</select>

和类似的州。

请帮助我处理应该在函数setState（str）中编写的代码，因为我无法获得可以正常工作的代码。

Answer 1

假设您将状态名称作为“ str”传递给setState(str)方法，则可以将其添加到setState(str)方法的主体中。 $("#state").val(str); 完整的jQuery示例可用here