Utilisation de JQuery pour modifier l'option sélectionnée d'un menu déroulant

Question

Comment créer un code JQuery qui va modifier la valeur sélectionnée d'un menu.

Sur ma page j'ai créé un menu déroulant comme ceci:

<select id="select_Day"> 
    <option value="Monday">Monday</option> 
    <option value="Tuesday">Tuesday</option> 
    <option value="Wednesday">Wedsnesday</option> 
    <option value="Thursday">Thursday</option> 
    <option value="Friday">Friday</option> 
    <option value="Saturday">Saturday</option> 
    <option value="Sunday">Sunday</option> 
</select> 

La page que j'ai le menu est des valeurs étant passé alors d'une forme sur une autre page, ci-dessous est comment je récupère les valeurs :

<?php 
    $day = $_GET['day']; 
?> 

copier ensuite les valeurs des variables PHP à certaines variables javascript:

$(document).ready(function(event){ 
    var day = <?php echo $day ?>; 
}); 

Comment puis-je modifier la valeur sélectionnée des menus déroulants par rapport à celle de la variable $ day, donc, par exemple, si la page est passée à la valeur 'Friday', comment aurais-je alors cette option comme choix sélectionné?

Answer 1

$(document).ready(function(event){ 
    var day = <?php echo $day ?>; 
    $('#select_Day').val(day); 
}); 

Answer 2

Il est préférable de mettre selected = « selected » dans le code HTML de quelque option que vous souhaitez présélectionné puis utiliser jQuery comme cela fonctionnera même dans les anciens navigateurs ou si javascript est désactivé. Vous pouvez essayer quelque chose comme ceci:

 <?php 
$arr = array('Monday', 'Tuesday', 'Wednesday', 'Thursday','Friday','Saturday',' 
    Sunday'); 
     for($i = 0; $i < count($arr); $i++) { 
      $selected = ($arr[$i] == $day) ? 'selected="selected"' : ''; 
      echo "<option value=\"{$arr[$i]}\" {$selected}>{$arr[$i]}</option>"; 
     } 
?>