2016-09-29 35 views
0

我怎樣才能更新與jQuery與SQL另一個下拉。 它意味着從數據庫。下拉更新另一個下拉與jQuery和SQL

$('#typeOfGlass').on('change', function(){ 
    console.log($('#typeOfGlass').val()); 
    $('#glassWidth').html(''); 
    if($('#typeOfGlass').val()==15){ 
     $('#glassWidth').append('<option value="19">19</option>'); 
     $('#glassWidth').append('<option value="20">20</option>'); 
     $('#glassWidth').append('<option value="21">21</option>'); 
    }else{ 
     $('#glassWidth').append('<option value="6">6</option>'); 
     $('#glassWidth').append('<option value="7">7</option>'); 
     $('#glassWidth').append('<option value="8">8</option>'); 
     $('#glassWidth').append('<option value="9">9</option>'); 
    } 
}); 

我使用這一個,但我沒有想法如何使它從數據庫。

$sqlq="SELECT DISTINCT daerah FROM kampung WHERE negeri='$negeri'"; 
    $result_set=mysqli_query($conn, $sqlq); 
    while($row=mysqli_fetch_array($result_set, MYSQLI_ASSOC)) 
    { 
     echo "<option value=".$row['daerah'].">".$row['daerah']."</option>"; 
    } 

有什麼想法嗎?

+0

您可以使用AJAX來實現這一目標,但是您的問題太廣泛而無法得到有效回答。 –

回答

0

您需要做的第一件事是更改查詢或將信息添加到表中,以便程序找出是否將特定的<option>追加到<select>

接下來,將所有行提取到數組中。這應該工作,但我沒有測試它:

$rows = array(); 
while ($rows[] = mysqli_fetch_array($result_set, MYSQLI_ASSOC)); 

現在這個數據傳遞給JavaScript:

echo "<script> var data = " . json_encode($rows) . "; </script>"; 

最後,當#typeOfGlass改變,明確#glassWidth,然後遍歷data,僅追加相關要素取決於#typeOfGlass的價值。

0

實現此選項可能會使用@Rory McCrossan建議的Ajax。這個過程對於一個精確的anwser來說很安靜,但我會給你幾步你需要做的。

如果你有你的查詢工作在你的PHP和你的HTML工作得很好,你只需要粘在一起。所以你可以使用JavaScript來做到這一點。這是Ajax查詢的一個伸縮點

$.ajax({ 
       url: www.yoursite.com, //file you made to process the request 
       type: "GET", // or POST 
       success: function(data) { 
        if (data.success === 'ok'){ 
         // code of what to do if the call returns ok 
         // probably update your options 
        } 
       }, 
       error: function(exeption){ 
        var response = jQuery.parseJSON(exeption.responseText); 
        alert(response.error); 
// what to do if the process fail 
       } 

所以使用php來處理查詢並返回新的選項。如果您在更特殊的部分獲得股票,請告訴我們。祝你好運

相關問題