Php_javascript

omar460 Messages postés 2 Statut Membre -  
omar460 Messages postés 2 Statut Membre -
salut tout le monde: mon problème est la suivante: je veux pouvoir voir le nom_zone dans son input de type select du formulaire après sélection de la ligne de la table:

ma page table:

<?php
$pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
$bdd = new PDO('mysql:host=localhost;dbname=mabase', 'root', '',$pdo_options);

$req=$bdd->query('SELECT idlocalite ,nom_localite,zone_idzone ,idzone ,nom_zone FROM localites , zones
where idzone=zone_idzone');

echo'<table class="tab" id=maTable border=1 style="width:700px;">';$i=0;
echo '<thead>
<tr>
<th hidden></td>
<th >Nom localite </td>
<th >Zone</td>
</tr>
</thead>';
while($donnees=$req->fetch())
{
//$i++;
echo '<tbody >
<tr >
<td id="idlocalite" hidden>'.$donnees['idlocalite'].'</td>
<td id="nom_localite">'.$donnees['nom_localite'].'</td>
<td id="zone_idzone">'.$donnees['nom_zone'].'</td>

</tr>
</tbody>';

}
echo '</table>';

?>

</script>

2 réponses

  1. Reivax962 Messages postés 3742 Statut Membre 1 011
     
    Bonjour,

    Je ne vois pas le code de ton <select> ?

    Xavier
    0
  2. omar460 Messages postés 2 Statut Membre
     
    ok.Voici mon formulaire:

    <?php require("profile.php");?>

    <?php
    require_once("../connexionMysql.inc.php");

    $requete1="SELECT idzone,nom_zone FROM zones ";
    $resultat1=mysql_query($requete1);

    ?>

    <?php require("../menus_admin/header_admin.php");?>

    <?php require("../menus_admin/header_bootstrap.php");?>

    <div class="art-sheet clearfix">

    <div class="art-layout-wrapper">
    <div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell art-content">

    <article class="art-post art-article">

    <form method="post" >

    <div class="container">

    <div class="row">

    <div class="col-lg-8 col-lg-offset-1">

    <div class="panel panel-default" >
    <div class="panel-heading">
    LOCALITE
    </div>
    <div class="panel-body">
    <table class="padded" border=0>
    <tr>

    <input type="hidden" id="idlocalite"/>

    <td>
    <label for=nom_localite>Nom</label>
    <input type="text" id="nom_localite" class="form-control" />

    <label for=zone_idzone>Zone</label>
    <!--Voici mon select-->
    <select id="zone_idzone" class="form-control" >
    <?php while($zones=mysql_fetch_array($resultat1)) { ?>
    <option value="<?php echo $zones['idzone']; ?>"><?php echo$zones['nom_zone']; ?></option>
    <?php } ?>
    </select>

    </td>
    </tr>
    </table>
    </br>

    <input type="button" id="enregistrer" value="Enregistrer" class="btn btn-primary"/>       <input type="button" id="modifier" value="Modifier" class="btn btn-primary"/>       <input type="reset" value="Annuler" class="btn btn-primary"/>       <input type="button" id="supprimer" value="Supprimer" class="btn btn-danger"/>

    </form>
    </div>

    </div>

    <div class="panel panel-default">

    <div class="panel-heading">
    Liste des localités
    </div>
    <div id="showdata">
    <!-- voici ma table-->

    <?php include ("../controllers/localites/table_localites.php");?>
    </div>

    </div>
    </div>

    </div>
    </div>

    <script type="text/javascript" src="../jquery.js"> </script>
    <script type="text/javascript" src="../plugins/datepicker/jquery.datepick.js"> </script>
    <script type="text/javascript" src="../plugins/datepicker/jquery.datepick-fr.js"> </script>

    <script type="text/javascript">
    $(document).ready(function() {

    $(' #maTable tbody tr').click(mastatutCamp);
    function mastatutCamp()
    {

    var idlocalite= $(this).find("td").eq(0).html();
    var nom_localite = $(this).find("td").eq(1).html();
    var zone_idzone = $(this).find("td").eq(2).html();

    $("#idlocalite").val(idlocalite);
    $("#nom_localite").val(nom_localite);
    $("#zone_idzone").val(zone_idzone);

    }
    $("#edit:button").click(mastatutCamp);
    function mastatutCamp2()
    {
    $(' #maTable tbody tr').click(mastatutCamp);
    function mastatutCamp()
    {
    var idlocalite = $(this).find("td").eq(0).html();
    var nom_localite = $(this).find("td").eq(1).html();
    var zone_idzone = $(this).find("td").eq(2).html();

    $("#idlocalite").val(idlocalite);
    $("#nom_localite").val(nom_localite);
    $("#zone_idzone").val(zone_idzone);

    }
    }

    $("#reload:button").click(reload).click(mastatutCamp);
    function reload() {

    $('#showdata').load('../controllers/localites/table_localites.php');

    }

    $("#enregistrer:button").click(function() {
    if(confirm("Voulez-vous enregistrer"))
    {
    $.post(
    '../controllers/localites/ajout-localites.php',
    {
    idlocalite: $("input#idlocalite").val(),
    nom_localite: $("input#nom_localite").val(),
    zone_idzone: $("select#zone_idzone").val()

    },
    function(retour){
    alert("Retour: "+retour);
    }
    );

    setTimeout(function() {
    window.location.reload()}, 600);

    }

    });

    $("#modifier:button").click(function() {
    if(confirm("Voulez-vous modifier"))
    {
    $.post(
    '../controllers/localites/modif-localites.php',
    {
    idlocalite: $("input#idlocalite").val(),
    nom_localite: $("input#nom_localite").val(),
    zone_idzone: $("select#zone_idzone").val()

    },
    function(retour){
    alert("Retour: "+retour);
    }
    );

    setTimeout(function() {
    window.location.reload()}, 600);

    }

    });

    $("#supprimer:button").click(function() {
    if(confirm("Voulez-vous supprimer"))
    {
    $.post(
    '../controllers/localites/supp-localites.php',
    {
    idlocalite: $("input#idlocalite").val(),
    nom_localite: $("input#nom_localite").val(),
    zone_idzone: $("select#zone_idzone").val()

    },
    function(retour){
    alert("Retour: "+retour);
    }
    );

    setTimeout(function() {
    window.location.reload()}, 600);

    }

    });

    });

    </script>

    <div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout-wrapper layout-item-0">

    </div>
    </div>

    </article></div>

    </div>
    </div>
    </div>

    <!-- voici ma table: ../controllers/localites/table_localites.php-->

    <?php
    $pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
    $bdd = new PDO('mysql:host=localhost;dbname=mabase', 'root', '',$pdo_options);

    $req=$bdd->query('SELECT idlocalite ,nom_localite,zone_idzone ,idzone ,nom_zone FROM localites,zones
    where idzone=zone_idzone');

    echo'<table class="tab" id=maTable border=1 style="width:700px;">';$i=0;
    echo '<thead>
    <tr>
    <th hidden></td>
    <th >Nom localite </td>
    <th >Zone</td>
    </tr>
    </thead>';
    while($donnees=$req->fetch())
    {
    //$i++;
    echo '<tbody >
    <tr >
    <td id="idlocalite" hidden>'.$donnees['idlocalite'].'</td>
    <td id="nom_localite">'.$donnees['nom_localite'].'</td>
    <td id="zone_idzone">'.$donnees['zone_idzone'].'</td>

    </tr>
    </tbody>';

    }
    echo '</table>';

    ?>

    </script>

    <?php require('../menus_admin/footer_admin.php');?>
    0