Как установить значение раскрывающегося списка на основе некоторого динамически выбранного значения с использованием 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 доступен здесь