PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
W

Array vullen met gegevens uit database

Door Wesley Van Kerckvoorde op 28-08-2018 08:19 gewijzigd op 28-08-2018 09:19
1.828 views
Ik heb een dropdown menu waar waardes instaan. Van zodra er iest gekozen wordt in die dropdown past een andere dropdown zich aan. Dit is gedaan met javascript via een array. Nu zou ik graag die array vullen met gegevens uit een database. Weet er iemand raad?


		$(document).ready(function(){

var Bosch = [
    {display: "", value: "0" }, 
	{display: "GC7000i-14", value: "GC7000i-14" }, 
    {display: "GC7000i-24", value: "GC7000i-24" }, 
    {display: "GC7000i-24 C", value: "GC7000i-24 C" },
    {display: "GC7000i-28 C", value: "GC7000i-28 C" }];
    
var Buderus = [
    {display: "", value: "0" },
	{display: "GB072-24", value: "GB072-24" }, 
    {display: "GB072-24K", value: "GB072-24" }, 
    {display: "GB172-24", value: "GB172-24" },
    {display: "GB172-24K", value: "GB172-24K" }];
    
var Junkers = [
	{display: "", value: "0" },
    {display: "ZBR 70-3", value: "ZBR 70-3" }, 
    {display: "ZBR 100-3", value: "ZBR 100-3" }, 
    {display: "ZSB 14-4C", value: "ZSB 14-4C" },
    {display: "ZSB 24-4C", value: "ZSB 24-4C" }];


$("#Brand_selection").change(function() {
        var parent = $(this).val(); 
        
        switch(parent){ 
              case 'Bosch':
                list(Bosch);
                break;
              case 'Buderus':
                list(Buderus);
                break;              
              case 'Junkers':
                list(Junkers);
                break;  
            default: //default child option is blank
                $("#type_selection").html('');  
                break;
           }
});


function list(array_list)
{
    $("#type_selection").html(""); 
    $(array_list).each(function (i) { 
        $("#type_selection").append('<option value="'+array_list[i].value+'">'+array_list[i].display+'</option>');
    });
}

});




 <tr>
			<td height="30px"></td>
			<td>Merk</td>
			<td>
				<select name="Brand_selection" id="Brand_selection">
    				       <option value="0">-- Please Select --</option>
    				       <option value="Bosch">Bosch</option>
    				       <option value="Buderus">Buderus</option>
    				       <option value="Junkers">Junkers</option>
				</select>
                
			</td>
			<td>Type</td>
			<td>
            	                <select name="type_selection" id="type_selection">

				</select>
	
        
			</td>
			<td></td>
		</tr>


Ariën
28-08-2018 09:15
Ik raad inderdaad aan om dit met AJAX op te halen via een PHP-script waarin de data in JSON-formaat staat.
W
Wesley Van Kerckvoorde
28-08-2018 09:37 gewijzigd op 28-08-2018 09:39
Kan ik daar eventueel hulp bij krijgen? want ik heb geen verstand van JSON of AJAX :(
het zijn deze array's die gevuld zouden moeten worden met gegevens uit de database.

var Bosch = [
{display: "", value: "0" },
{display: "GC7000i-14", value: "GC7000i-14" },
{display: "GC7000i-24", value: "GC7000i-24" },
{display: "GC7000i-24 C", value: "GC7000i-24 C" },
{display: "GC7000i-28 C", value: "GC7000i-28 C" }];

var Buderus = [
{display: "", value: "0" },
{display: "GB072-24", value: "GB072-24" },
{display: "GB072-24K", value: "GB072-24" },
{display: "GB172-24", value: "GB172-24" },
{display: "GB172-24K", value: "GB172-24K" }];

var Junkers = [
{display: "", value: "0" },
{display: "ZBR 70-3", value: "ZBR 70-3" },
{display: "ZBR 100-3", value: "ZBR 100-3" },
{display: "ZSB 14-4C", value: "ZSB 14-4C" },
{display: "ZSB 24-4C", value: "ZSB 24-4C" }];


Ik had gedacht om een tabel aan te maken met 2 kolommen. Een met het merk en een met het type.

Reageren

Inloggen om te reageren