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