下拉菜单用jquery和sql更新另一个下拉菜单

Dropdown updates another dropdown with jquery and sql

本文关键字：下拉菜单 更新 另一个 sql jquery      更新时间：2023-09-26

如何使用jquery更新另一个下拉列表。它的意思是从数据库。

  $('#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>";
    }

任何想法?

您需要做的第一件事是更改查询或向表中添加信息，以便程序有办法找出是否将特定的<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的值只附加相关元素。

实现这一目标的一个选项可能是使用Ajax，正如@Rory mcclrossan建议的那样。这个过程需要很长时间才能得到一个精确的答案，但我会给你一些你需要做的步骤。

如果你有你的查询工作在你的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来处理查询并返回新的选项。如果你得到股票在一个更具体的部分，让我们知道。祝你好运

相关文章：