gpt4 book ai didi

java - 根据另一个下拉列表选择填充下拉列表

转载 作者:行者123 更新时间:2023-12-01 05:32:40 26 4
gpt4 key购买 nike

我在 JSP 页面中有两个下拉字段,并且与 oracle 10g 有 type4 连接。我希望基于一个下拉列表选择,我希望第二个下拉列表应该通过根据第一个下拉列表中的数据自动从数据库获取数据来填充,就像刷新该 JSP 页面或显示类似“请稍候”之类的警报。我怎样才能在JSP-Servlet中做到这一点?

<select name="dropdown1">
<option value="<%out.println(name);%>"><%out.println(name);%></option>
</select>

我的目标是:下面的下拉列表应该根据上面的选择进行填充:

<select name="dropdown2">
<option value="<%out.println(rollno);%>"><%out.println(rollno);%></option>
</select>

我找到了一个解决方案:

<body onload="setModels()">
<% // You would get your map some other way.
Map<String,List<String>> map = new TreeMap<String,List<String>>();
Connection con=null;
String vehtypeout="";

String vehtypeout1="";
try{
Class.forName("oracle.jdbc.driver.OracleDriver");


con=DriverManager.getConnection("");


PreparedStatement ps=null;
ResultSet rs=null;

ps=con.prepareStatement("select c1.name, c2.roll from combo1 c1 left join combo2 c2 on c1.name=c2.name order by name");

rs=ps.executeQuery();



while(rs.next()){

vehtypeout=rs.getString(1);

vehtypeout1=rs.getString(2);

map.put(vehtypeout, Arrays.asList((vehtypeout1)));// here i want to show multiple value of vehtypeout1 from database but only one value is coming from databse, how can i fetch multiple value?
map.put("mercedes", Arrays.asList(new String[]{"foo", "bar"}));

}



rs.close();

ps.close();

con.close();
}

catch(Exception e){


out.println(e);

}
%>

<%! // You may wish to put this in a class
public String modelsToJavascriptList(Collection<String> items) {
StringBuilder builder = new StringBuilder();
builder.append('[');
boolean first = true;
for (String item : items) {
if (!first) {
builder.append(',');
} else {
first = false;
}
builder.append('\'').append(item).append('\'');
}
builder.append(']');
return builder.toString();
}

public String mfMapToString(Map<String,List<String>> mfmap) {
StringBuilder builder = new StringBuilder();
builder.append('{');
boolean first = true;
for (String mf : mfmap.keySet()) {
if (!first) {
builder.append(',');
} else {
first = false;
}
builder.append('\'').append(mf).append('\'');
builder.append(" : ");
builder.append( modelsToJavascriptList(mfmap.get(mf)) );
}
builder.append("};");
return builder.toString();
}
%>

<script>
var modelsPerManufacturer =<%= mfMapToString(map) %>
function setSelectOptionsForModels(modelArray) {
var selectBox = document.myForm.models;

for (i = selectBox.length - 1; i>= 0; i--) {
// Bottom-up for less flicker
selectBox.remove(i);
}

for (i = 0; i< modelArray.length; i++) {
var text = modelArray[i];
var opt = new Option(text,text, false, false);
selectBox.add(opt);
}
}

function setModels() {
var index = document.myForm.manufacturer.selectedIndex;
if (index == -1) {
return;
}

var manufacturerOption = document.myForm.manufacturer.options[index];
if (!manufacturerOption) {
// Strange, the form does not have an option with given index.
return;
}
manufacturer = manufacturerOption.value;

var modelsForManufacturer = modelsPerManufacturer[manufacturer];
if (!modelsForManufacturer) {
// This modelsForManufacturer is not in the modelsPerManufacturer map
return; // or alert
}
setSelectOptionsForModels(modelsForManufacturer);
}

function modelSelected() {
var index = document.myForm.models.selectedIndex;
if (index == -1) {
return;
}
// alert("You selected " + document.myForm.models.options[index].value);
}
</script>
<form name="myForm">
<select onchange="setModels()" id="manufacturer">
<% boolean first = true;
for (String mf : map.keySet()) { %>
<option value="<%= mf %>" <%= first ? "SELECTED" : "" %>><%= mf %></option>
<% first = false;
} %>
</select>

<select onChange="modelSelected()" id="models">
<!-- Filled dynamically by setModels -->
</select>


但是我在 vehtypeout1 中只得到一个值,其中数据库包含多个值。我该怎么做?

最佳答案

使用 jquery,将函数绑定(bind)到“combobox1”选择框的 onchange 事件。

在该函数中,将 ajax 请求(可以使用 jquery get 函数)发送到服务器中的 jsp 页面。

在该jsp页面中,从数据库中检索相关数据并将响应连同这些数据发送回客户端(可能需要使用JSON格式)。

在 jquery get 函数中,您可以添加一个回调函数,以便在服务器发回响应后执行。

在该回调函数中,编写代码以使用服务器发送的响应数据填充“combobox2”。

关于java - 根据另一个下拉列表选择填充下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8723594/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com