![](/img/trans.png)
[英]how to change a value of drop down and to trigger a onchange functions in javascript
[英]Javascript - How to change a new value on drop down
當我們更改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>
讓我知道 :)
使用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>
如果要查看實際文本而不是value
attribute,可以使用text()
代替val()
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.