Javascript - 如何更改下拉菜单上的新值

Question

当我们更改name="quantity"和$product['price']时，值也会发生变化。这里将有动态的数量和价格。如何使用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> 

让我知道:)

Answer 1

使用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> 

可以使用text()而不是val()如果你想看到实际文字而不是value属性。