Заполнять флажки на основе выпадающего списка

Question

В форме у меня есть список отраслей, населенных db. Я хочу заполнить список флажков на основе выбранной отрасли.

Я пробовал ниже, но не работал. Помогите пожалуйста. Я все еще участвую в коде и очень ценю вашу помощь.

index.php

// The dropdown is populated from DB 
<select class="set_industry"> 
    <option value="1">Healthcare</option> 
    <option value="2">Food & Beverage</option> 
    <option value="3">Real Estate</option> 
</select> 
// Preferably the selection would produce var $ind_id 
. 
. 
. 
. 
// I want the below to be executed based on the selection from above 

<?php 
if(isset($_POST['id'])) { 
    $ind_id = $_POST['id']; 
    $x="SELECT * FROM srv_tbl WHERE ind_id=$ind_id"; 
    $res=query($x); 

    while ($y=mysqli_fetch_array($res)) { ?> 
    <div> 
    <label> 
     <input type="checkbox" value="<?php echo $y['srv_id'] ?>"> <?php echo $y['srv_name'] ?> 
    </label> 
    </div> 
<?php } 
} ?> 

<script>Link to js script</script> 

script.js

$(".set_industry").on('change', function(){ 
    var ind_id = $(this).attr("value"); 
    $.post("index.php", {id: ind_id}, function()); 
}); 

Answer 1

Раздельное ваш PHP-код.

index.php

<?php 

if(isset($_POST['id'])) { 

    $ind_id = $_POST['id']; 
    $x="SELECT * FROM srv_tbl WHERE ind_id=$ind_id"; 
    $res=query($x); 

    $returnString = ''; 
    while ($y=mysqli_fetch_array($res)) { 

    $returnString .= '<div><label><input type="checkbox" value=".$y['srv_id'].">.$y['srv_name'].</label></div>'; 
    } 

    echo $returnString; 
} ?> 

добавить новый DIV к вашей HTML странице

index.html

<select class="set_industry"> 
    <option value="1">Healthcare</option> 
    <option value="2">Food & Beverage</option> 
    <option value="3">Real Estate</option> 
</select> 

<div id="response"></div> 

<script>Link to js script</script> 

ли эти изменения в ваш script.js

$(".set_industry").on('change', function(){ 
    var ind_id = $(this).attr("value"); 
    $.post("index.php", {id: ind_id}, function(data){ 

     $("#response").html(data); 
    }); 
});