Mysql
 sql >> Baza danych >  >> RDS >> Mysql

Pokaż rozwijane wartości wyboru na podstawie innego wyboru

Możesz dodać detektor zdarzeń dla zdarzenia onChange pola wyboru.W zdarzeniu change pobierz wartość pola wyboru i wyślij jego wartość do serwera za pomocą żądania ajax i pobierz wartość, którą chcesz pokazać w drugim polu wyboru na podstawie wartości pierwszego i pokaż ją w drugim polu wyboru.Przykładowy kod wyboru stanu na podstawie wyboru kraju:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Populate City Dropdown Using jQuery Ajax</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("select.country").change(function(){
        var selectedCountry = $(".country option:selected").val();
        $.ajax({
            type: "POST",
            url: "process-request.php",
            data: { country : selectedCountry } 
        }).done(function(data){
            $("#response").html(data);
        });
    });
});
</script>
</head>
<body>
<form>
    <table>
        <tr>
            <td>
                <label>Country:</label>
                <select class="country">
                    <option>Select</option>
                    <option value="usa">United States</option>
                    <option value="india">India</option>
                    <option value="uk">United Kingdom</option>
                </select>
            </td>
            <td id="response">
                <!--Response will be inserted here-->
            </td>
        </tr>
    </table>
</form>
</body> 
</html>

Zaplecze:

<?php
if(isset($_POST["country"])){
    // Capture selected country
    $country = $_POST["country"];

    // Define country and city array
    $countryArr = array(
                    "usa" => array("New Yourk", "Los Angeles", "California"),
                    "india" => array("Mumbai", "New Delhi", "Bangalore"),
                    "uk" => array("London", "Manchester", "Liverpool")
                );

    // Display city dropdown based on country name
    if($country !== 'Select'){
        echo "<label>City:</label>";
        echo "<select>";
        foreach($countryArr[$country] as $value){
            echo "<option>". $value . "</option>";
        }
        echo "</select>";
    } 
}
?>


  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. Callback MySQL - czy istnieje coś takiego?

  2. Zrzuć plik sql do ClearDB w Heroku

  3. PHP i mySQL:Kiedy dokładnie używać htmlentities?

  4. COUNT(id) vs. COUNT(*) w MySQL

  5. Pobierz identyfikator każdej instrukcji INSERT w wielu zapytaniach