Bonjour a tous

Je viens demander votre aide.

J'ai un select box (country) que je souhaite alimenter avec des données de ma BDD. La requête marche et j’obtiens le liste.

J'essaie de faire pareil sur une autre table sauf que là les données à renvoyer sont séparées par des virgules (data1,data2,data3), elles s'affichent donc en l’état avec les virgules, ce qui ne me convient pas.

J'aimerai que les données s'affichent en liste, sans les virgules.

Résultat actuel
Résultat souhaité :
Mon code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<html>
    <head>
        <title>PHP</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script src="jquery.lwMultiSelect.js"></script>
        <link rel="stylesheet" href="jquery.lwMultiSelect.css" />
    </head>
    <body>
        <br /><br />
        <div class="container" style="width:600px;">
            <h2 align="center">PHP</h2><br /><br />
            <form method="post" id="insert_data">
                <select name="country" id="country" class="form-control action">
                    <<?php
                        require_once 'config.php';
                        $sql="SELECT * FROM country ORDER BY country";
                        $result=mysqli_query($conn,$sql);
                        while($row=mysqli_fetch_array($result)){
                    ?>                                  
                        <option value="<?= $row['country']; ?>"><?= $row['country']; ?></option>
                    <?php } ?>
                </select>
                <br />
                <select name="state" id="state" class="form-control action">
                    <option value="">Select State</option>
                </select>
                <br />
                <select name="city" id="city" multiple class="form-control">
                </select>
                <br />
                <input type="text" name="hidden_city" id="hidden_city" />
                <input type="submit" name="insert" id="action" class="btn btn-info" value="Insert" />
            </form>
        </div>
    </body>
</html>
 
<script>
$(document).ready(function(){
 
    $('#city').lwMultiSelect();
 
    $('.action').change(function(){
        if($(this).val() != '')
        {
            var action = $(this).attr("id");
            var query = $(this).val();
            var result = '';
            if(action == 'country')
            {
                result = 'state';
            }
            else
            {
                result = 'city';
            }
            $.ajax({
                url:'fetch.php',
                method:"POST",
                data:{action:action, query:query},
                success:function(data)
                {
                    $('#'+result).html(data);
                    if(result == 'city')
                    {
                        $('#city').data('plugin_lwMultiSelect').updateList();
                    }
                }
            })
        }
    });
</script>
Possible de m'aider dans ce sens?

Merci d'avance