2016-08-04 8 views
1

i Drop-Down-Liste data "kabupaten" abrufen möchten, die zum letzten Drop-Down-Liste "Provinsi" verwandt ist, aber ich kann es nicht, hier mein Code ‚index.htmlVerwandte Dropdown-Liste auf PHP

<?php 
require_once("dbcontroller.php"); 
$db_handle = new DBController(); 
$query ="SELECT * FROM provinsi"; 
$results = $db_handle->runQuery($query); 
?> 
<html> 
<head> 
<TITLE>jQuery Dependent DropDown List - Countries and States</TITLE> 
<head> 
<style> 
body{width:610px;} 
.frmDronpDown {border: 1px solid #F0F0F0;background- color:#C8EEFD;margin: 2px 0px;padding:40px;} 
.demoInputBox {padding: 10px;border: #F0F0F0 1px solid;border-radius: 4px;background-color: #FFF;width: 50%;} 
.row{padding-bottom:15px;} 
</style> 
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"    type="text/javascript"></script> 
<script> 
function getState(val) { 
$.ajax({ 
type: "POST", 
url: "get_state.php", 
data:'idprov='+val, 
success: function(data){ 
    $("#kabupaten-list").html(data); 
} 
}); 
} 

function selectCountry(val) { 
$("#search-box").val(val); 
$("#suggesstion-box").hide(); 
} 
    </script> 
    </head> 
    <body> 
    <div class="frmDronpDown"> 
    <div class="row"> 
    <label>Provinsi:</label><br/> 
    <select name="provinsi" id="provinsi-list" class="demoInputBox" onChange="getState(this.value);"> 
    <option value="">Select Provinsi</option> 
    <?php 
    foreach($results as $provinsi) { 
    ?> 
    <option value="<?php echo $provinsi["id_prov"]; ?>"><?php echo $provinsi["provinsi"]; ?></option> 
    <?php 
    } 
    ?> 
    </select> 
    </div> 
     <div class="row"> 
     <label>State:</label><br/> 
     <select name="kabupaten" id="kabupaten-list"  class="demoInputBox"> 
    <option value="">Select State</option> 
    </select> 
    </div> 
    </div> 
    </body> 

In index.html erhalten wir Daten von Benutzern und Parsen es get_state.php und hier meinem get_state.php

<?php 
    require_once("dbcontroller.php"); 
    $db_handle = new DBController(); 
    if(!empty($_POST["idprov"])) { 
     $query ="SELECT * FROM kabupaten WHERE id_prov = '" . $_POST["idprov"] . "'"; 

     $results = $db_handle->runQuery($query); 
    ?> 
     <option value="">Select State</option> 
    <?php 
     foreach($results as $kabupaten) { 
    ?> 
     <option value="<?php echo $kabupaten["id_kab"]; ?>"><?php echo $kabupaten["kabupaten"]; ?></option> 
    <?php 
     } 
    } 
    ?> 
+0

Welche Werte erhalten POSTed zu 'get_state.php'? Verwenden Sie die Konsole, um – RamRaider

+0

zuerst zu sehen Ich habe Dropdown-Liste (1) Daten provinsi, und dann in der Dropdown-Liste (2) Daten Ich möchte Kabupaten Daten, die zu provinsi (Dropdownliste (1)) beziehen. –

+0

Werden die Daten tatsächlich an "get_state.php" gesendet? – RamRaider

Antwort

1

ich benutze jQuery nicht so könnte ich falsch sein gut, aber ich glaube, dass die Daten, die Sie sich nd in der Ajax-POST muss in Objektliteral Notation sein, dh {param:value} - so mehr wie folgt aus: -

function getState(val) { 
    $.ajax({ 
     type:"POST", 
     url:"get_state.php", 
     data:{ 'idprov':val }, 
     success: function(data){ 
      $("#kabupaten-list").html(data); 
     } 
    }); 
} 
+0

Ja, es funktioniert! Danke RamRaider, .. :) –

+0

Übrigens, wenn ich einige verwandte hinzufügen möchte, wie ich tun muss? zum Beispiel, Kecamatan Dropdown-Liste im Zusammenhang mit Kabupaten, Kabupaten Dropdown-Liste im Zusammenhang mit provinsi @RamRaider –

+0

verwenden Sie die gleiche Methodik, obwohl Sie sicherstellen müssen, dass das zweite Dropdown-Liste aufgefüllt wird, bevor dritte Dropdown-Auswahl auswählbar sein – RamRaider