Ich bin ein Anfänger! und ich stecke seit vielen Tagen auf dieser Frage fest. und ich brauche dringend Hilfe! Diese Frage könnte ein wenig schwierig zu verstehen sein. Bitte lesen Sie sorgfältig.DROPDOWN-Liste in HTML mit anderen HTML-Seiten verknüpfen
Ich habe eine Dropdown-Liste DDL1 (eine Dropdown-Liste von 5 Staaten) und eine DYNAMIC DROPDOWNLIST DDL2 (die aus Orten in jedem Zustand besteht) erstellt. DDL1 ist mit DDL2 so verknüpft, dass sich die Werte von ddl2 beim Auswählen des Status in ddl1 ändern. FÜR zB: wenn u GOA in DDL1 wählen u sehen Orte von goa in DDL2 (SIE DIE CODES UNTER DER VERKNÜPFUNG SEHEN)
Ich möchte die Möglichkeiten der DDL2 dh (die Orte), wenn sie ausgewählt und Absenden-Button wird gedrückt, um einige damit verbundene HTML-Seiten zu öffnen.
darunter habe ich auch noch eine Dropdown-Liste, die ive erfolgreich verknüpft, weil es keine dynamisch verknüpfte Dropdown-Liste ist. Und Verknüpfung, die war einfach, weil es in Select-Tag ist. während der ddl2 im Skript-Tag ist, da er dynamisch mit ddl1 verbunden ist.
kann mir jemand bitte den Code für die Verknüpfung der ddl2 (d. H. Goa asf, goa lpg ro etc) zu anderen HTML-Seiten sagen?
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> STATES</TITLE>
<script type="text/javascript">
function configureDropDownLists(ddl1,ddl2) {
var goa = ['GOA ASF', 'Goa LPG Plant'];
var maharashtra = ['AKOLA IRD', 'AURANGABAD LPG PLANT''WADALA I TERMINAL'];
var rajasthan = ['AJMER LPG PLANT ','AJMER TERMINAL', 'AWA-SALAWAS PIPELINE PROJ'];
var gujrat = ['AHMEDABAD NWZ LPG ', 'AHMEDABAD NWZ RETAIL', 'AHMEDABAD RETAIL RO'];
var madhyapradesh =['BAKANIA RIL', 'BHOPAL DSRO', 'BHOPAL RRO'];
switch (ddl1.value) {
case 'Goa':
ddl2.options.length = 0;
for (i = 0; i < goa.length; i++) {
createOption(ddl2, goa[i],goa[i]);
}
break;
case 'Maharashtra':
ddl2.options.length = 0;
for (i = 0; i < maharashtra.length; i++) {
createOption(ddl2, maharashtra[i],maharashtra[i]);
}
break;
case 'Rajasthan':
ddl2.options.length = 0;
for (i = 0; i < rajasthan.length; i++) {
createOption(ddl2, rajasthan[i],rajasthan[i]);
}
break;
case 'Gujrat':
ddl2.options.length = 0;
for (i = 0; i < gujrat.length; i++) {
createOption(ddl2, gujrat[i],gujrat[i]);
}
break;
case 'MadhyaPradesh':
ddl2.options.length = 0;
for (i = 0; i < madhyapradesh.length; i++) {
createOption(ddl2, madhyapradesh[i],madhyapradesh[i])
}
break;
default:
ddl2.options.length = 0;
break;
}
}
function createOption(ddl, text, value) {
var opt = document.createElement('option');
opt.value = value;
opt.text = text;
ddl.options.add(opt);
}
</script>
</HEAD>
<BODY>
<div>
<H1><FONT="TIMES ROMAN" FONT-COLOR="BLUE" > SELECT A STATE:</H1>
<select id="ddl" onchange="configureDropDownLists(this,document.getElementById('ddl2'))">
<option value=""></option>
<option value="Goa">Goa</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Rajasthan">Rajasthan</option>
<option value="Gujrat">Gujrat</option>
<option value="MadhyaPradesh">MadhyaPradesh</option>
</select>
<select id="ddl2">
</select><br>
<br>
<input class="SubmitButton" type="submit" name="SUBMITBUTTON" value="Submit" style="font-size:20px; " />
</div>
<div>
<H1><FONT="TIMES ROMAN" FONT-COLOR="BLUE" > SELECT An ASSET:</H1>
<form id="link">
<select multiple="multiple" size="1">
<option value="http://stackoverflow.com/">4GB RAM PC- Lot 500 HCL</option>
<option value="http://google.com/">4GB RAM PC- Lot 450 HCL</option>
<option value="http://yahoo.com/">HD 245 Gold Lot 50</option>
<option value="http://bing.com/">Marathon 255 (40)</option>
<option value="http://php.net/">Wep HQ 2100 (20)</option>
<option value="ADF Scanner (45)">ADF Scanner (45)</option>
</select><BR>
<br>
<input class="SubmitButton" type="submit" name="SUBMITBUTTON" value="Submit" style="font-size:20px; ">
</form>
</div>
<script src="http://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>
$('#link').on('submit', function (e) {
e.preventDefault();
var $form = $(this),
$select = $form.find('select'),
links = $select.val();
if (links.length > 0) {
for (i in links) {
link = links[i];
window.open(link);
}
}
});
</script>
</BODY>
</HTML>
Der obige Code meine ganze ist Code-Seiten gegeben:
die Codes meiner Seite weiter unten. Wenn Sie es in HTML ausführen, werden Sie genau wissen, was ich erstellt habe und was ich verlinken möchte.
Bitte starten Sie es und helfen Sie mir mit den Codes und seiner Struktur, wenn Sie können. Danke
manchmal ist es sehr gut enthalten Code auf jsfiddle.net zu veröffentlichen und bieten ein Link hier –