更新：如果有人正在閱讀本文，請(qǐng)?jiān)谖艺務(wù)摗皠?dòng)態(tài)最大數(shù)量”時(shí)忽略該片段，因?yàn)樗鼪](méi)有任何意義。我實(shí)際上并沒(méi)有添加新的數(shù)量，而是使用從下拉菜單中選擇的新數(shù)字更新它，所以$i <= $dynamic_max它應(yīng)該是$i = 50，因此這個(gè)代碼：$static_max = 50; $dynamic_max = $static_max - $value['item_quantity'];已經(jīng)過(guò)時(shí)了。它與我遇到的問(wèn)題和給出的解決方案沒(méi)有直接關(guān)系，但它使代碼更清晰。更新結(jié)束在列出產(chǎn)品的頁(yè)面上，您使用下拉菜單選擇了數(shù)量。您單擊“添加到購(gòu)物籃”，產(chǎn)品將發(fā)送到下一頁(yè) (basket.php)，您可以在該頁(yè)面再次獲得使用下拉菜單更改數(shù)量的選項(xiàng)。我的問(wèn)題是，當(dāng)您單擊下拉菜單時(shí)，您會(huì)在數(shù)字列表的最頂部看到當(dāng)前選擇的數(shù)量，然后是可以更新數(shù)量的數(shù)字范圍。更新數(shù)量所依據(jù)的數(shù)字范圍是動(dòng)態(tài)的，這意味著它取決于第一步選擇的數(shù)量?？偪捎脭?shù)量為 50，因此當(dāng)您選擇 40 時(shí)，在下一頁(yè) (basket.php) 上您將僅看到 0 到 10 之間的范圍（其中 0 用作“刪除”），當(dāng)前選擇的數(shù)字位于頂部列表。我不希望當(dāng)前選擇的產(chǎn)品數(shù)量顯示在下拉菜單的頂部，我只想要您更新數(shù)量所依據(jù)的可用數(shù)字范圍。我可以用 PHP 來(lái)做還是需要用 JavaScript 來(lái)操作 DOM？我在這里發(fā)布我的代碼，沒(méi)有顯示添加產(chǎn)品的表格的其他部分（產(chǎn)品名稱(chēng)、總數(shù)等），它只是<select>標(biāo)簽。我現(xiàn)在有兩個(gè)<option>標(biāo)簽塊，一個(gè)用于當(dāng)前選擇的數(shù)量，另一個(gè)使用 for 循環(huán)呈現(xiàn)，以顯示您修改數(shù)量的可能數(shù)字范圍。我一直試圖只使用一個(gè)<option>標(biāo)簽塊和一個(gè)“if”語(yǔ)句，但已經(jīng)運(yùn)行了好幾次進(jìn)入無(wú)限循環(huán)，所以現(xiàn)在下面是唯一的“工作”版本。<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>
2 回答
森欄
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超5個(gè)贊
當(dāng)Select-box打開(kāi)時(shí)，即可在關(guān)閉時(shí)再次顯示默認(rèn)值時(shí)，您只需在Select框中隱藏該選項(xiàng)。
演示代碼：
<select>
<!--hidden first option -->
<option value="10" selected="selected" hidden>10</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
使用 jquery：
$(document).ready(function() {
//getting first optino
var first = $('#myselect').find('option').first();
//when activated
$('#myselect').on('focus', function(e) {
first.hide(); //hide the first option
}).on('blur', function(e) {
//if value select is equal show the first option
if ($(this).val() == first.val()) {
//showing the same
first.show();
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="myselect">
<option value="10" selected="selected">10</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
慕田峪9158850
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊
不過(guò)，不需要 JavaScript，只需純 HTML。我所要做的就是你所做的：將全局屬性“隱藏”添加到“選項(xiàng)”標(biāo)簽：
<option value="<?php echo $value['item_quantity']; ?>" hidden><?php echo $value['item_quantity']; ?>
- 2 回答
- 0 關(guān)注
- 133 瀏覽
添加回答
舉報(bào)
0/150
提交
取消