javascript - 如何使用 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