Javascript 购物车中的下拉式数量菜单

更新：如果有人正在阅读本文，请在我谈论“动态最大数量”时忽略该片段，因为它没有任何意义。实际上，我并没有添加新数量，而是使用从下拉菜单中选择的新数字来更新它，因此，不是使用

$I
当选择框打开时，您只需从选择框中隐藏该选项，当选择框关闭时，再次显示默认值

演示代码：



10
0
1.
2.
3.
4.
5.
谢谢你的帮助，斯瓦蒂，非常感谢。不过，不需要JavaScript，只需要简单的HTML。我所要做的就是您所做的：将全局属性“hidden”添加到“option”标记中：


您说过需要显示可用数字的范围。那么，
为什么要显示这个范围？我是对的还是我误解了你的问题？您好，是的，我想在下拉列表激活时显示可用数字的范围，但在它激活之前，我想显示在上一页（产品页）上选择的数量，从而显示您引用的代码。我想我只是想要一个典型的带有数量的下拉菜单，但可能问题是最大可用值是动态的。我发布了一个屏幕截图，显示了之前在产品页面上选择的数量，并激活了下拉菜单，您可以在列表顶部看到选择的数量。我希望当下拉菜单被激活时，零上方的数字被消除，当它被停用时，将其带回来。
<select>

<?php
// Quantity added to the basket:                        
if (isset($value['item_quantity'])) {
?>

<option value="<?php echo $value['item_quantity']; ?>"><?php echo $value['item_quantity']; ?></option>

<?php
}
?>

<?php
// Quantity option minus what has been already added to the basket:
$static_max = 50; 
$dynamic_max = $static_max - $value['item_quantity'];
for ($i = 0; $i <= $dynamic_max; $i++) {
?>

<option value="<?php echo $i; ?>"><?php echo $i ;?></option>

<option value="<?php echo $value['item_quantity']; ?>" hidden><?php echo $value['item_quantity']; ?>