Javascript - Comment changer une nouvelle valeur sur le menu déroulant

Question

Lorsque nous modifions le name="quantity" et la valeur $product['price'] va également changer. Ici aura la quantité dynamique et le prix. Comment faire cela en utilisant jquery/javascript.

<?php 
$select = "SELECT * FROM `products` ORDER BY `id` DESC LIMIT 10"; 
$query = mysql_query($select) or die(mysql_error()); 
?> 

<ul> 
    <?php while($product = mysql_fetch_array($query)) { ?> 
    <li> 
    <p><?php echo $product['name'];?></p> 
    <p> Quantity 
     <select name="quantity"> 
     <?php for($i=1;$i<=$product['quantity'];$i++) { ?> 
     <option value="<?php echo $i; ?>"><?php echo $i; ?></option> 
     <?php } ?> 
     </select> 
    </p> 
    <p><?php echo $product['price'];?></p> 
</li> 
<?php } ?> 
</ul> 

Laissez-moi savoir :)

Answer 1

En utilisant jQuery:

$(document).ready(function() { 
    $("#quantity_select").bind("change", function() { 
     selected_option = $("option:selected").val(); 
     $("#counter").html(selected_option); 
    }); 
}); 

...

<select id="quantity_select"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 

<div id="counter"></div> 

Vous pouvez utiliser text() au lieu de val() si vous voulez voir texte réel au lieu de value attribut.