Füllen dropdown-basierend auf einem anderen dropdown-Auswahl
Ich habe zwei dropdown-Felder in einer JSP-Seite und ich habe TYP4 Verbindung mit oracle 10g. Ich will, dass, basierend auf einer dropdown-Auswahl ich will, dass die zweite dropdown-sollte gefüllt werden durch das Holen von Daten von der Datenbank basierend auf Daten, die in der ersten dropdown automatisch wie erfrischend, dass JSP-Seite oder zeigt einen Alarm, so etwas wie "bitte warten". Wie kann ich es in JSP-Servlet?
<select name="dropdown1">
<option value="<%out.println(name);%>"><%out.println(name);%></option>
</select>
Mein Ziel ist: unter Diesem dropdown-sollten gefüllt base don oben Auswahl:
<select name="dropdown2">
<option value="<%out.println(rollno);%>"><%out.println(rollno);%></option>
</select>
Habe ich eine Lösung gefunden :
<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>
Aber ich bin immer nur ein Wert in vehtypeout1, wo die Datenbank enthält mehrere Werte. Wie kann ich es tun?
- vielen Dank...eine Lösung, buddy?
- mögliche Duplikate von Auffüllen Kind dropdownlists in JSP/Servlet
- ya danke, aber ich habe dieses problem: auf der Karte.setzen(Wert der ersten combobox , Arrays.asList(new String[]{Wert der zweiten combo-box})); In der Datenbank dort sind mehrere Werte der zweiten combo-box, aber ich bin immer nur ein Wert in die zweite combo-Feld. Wie kann ich dies beheben? Aber ich bin immer mehrere Werte in der ersten combo-Feld, dass und wie ich will mehrere Wert in der 2. combo-box. Ich habe das so gemacht: while(rs.next()){ //got-Ausgang Wert dann: anzeigen.setzen(Wert der ersten combobox , Arrays.asList(new String[]{Wert der zweiten combo-box}));}
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwendung von jquery, binden Sie eine Funktion an den onchange-Ereignis "combobox1" wählen Sie im Feld.
In dieser Funktion senden Sie eine ajax-Anfrage (Sie können die jquery-get-Funktion), um eine jsp-Seite in Ihre server.
In diesem jsp-Seite, abrufen der relevanten Daten aus der Datenbank und senden die Antwort zurück an den client mit diesen Daten (möglicherweise müssen Sie die Verwendung von JSON-format).
In der jquery-Funktion get, fügen Sie eine callback-Funktion, die ausgeführt werden, nachdem server senden, Sie zurück die Antwort.
Innen, die call-back-Funktion schreiben Sie den code zu füllen, "combobox2" über response-Daten, die vom server gesendet.
Möchten Sie einen ajax-Aufruf wie unten. Ihre Funktion, die aufgerufen wird return ein html-string, der
"<option value='myVal'>myText</option>"
.Die jQuery/Ajax wäre: