如何在此PHP頁面中使用簡單的HTML選擇替換此價格滑塊？ 選擇選項可以傳遞2個值（最小和最大價格）嗎？

Question

我是PHP的新手，我絕對不涉足前端（我更是Java后端人員），並且遇到以下問題（對於具有某些PHP \\前端背景的人來說，我認為這很簡單）。

我正在開發一個非常舊的PHP Web應用程序。

進入頁面后，我有一個包含價格分段器的表單，用戶可以通過該表單為搜索到的產品選擇價格范圍（例如從50 $到100 $ ）。 使用選擇器，使用者在范圍內選擇了最小王子和最大王子。 對於滑塊，它正在使用以下JavaScript庫： https : //refreshless.com/nouislider/

這是我搜索頁面的PHP代碼中的價格范圍滑塊：

<div class="nouislider-wrapper">
    <div class="nouislider" data-min="0" data-max="<?php echo $max_price; ?>" data-start="<?php echo "[".$price_min.",".$price_max."]"; ?>" data-step="10" data-direction="<?php echo RTL_DIR; ?>" data-input="price_range"></div>
    <?php echo $texts['PRICE']." / ".$texts['NIGHT']; ?> : <?php echo CURRENCY_SIGN; ?> <input type="text" name="price_range" class="slider-target" id="price_range" value="" readonly="readonly">
</div>

好的，據我了解，它只是將最低價格放入$ price_min ，將最高價格放入$ price_max 。

我需要刪除以前的滑塊，並用一個簡單的下拉菜單替換它，例如一個簡單的HTML select標記，如下所示：

<select>
    <option value="XXX">50$-100$</option>
    <option value="YYY">100$-150$</option>
    <option value="ZZZ">150$-200$</option>
    <option value="WWW">200$+</option>
</select> 

我的問題是：當用戶從此選擇選項卡中選擇語音時，如何傳遞2個值（例如50和100）？ 是否可以將2個值（ $ price_min和$ price_max ） 傳遞到select標簽的option元素中？

如果可能的話，我不擔心不要更改邏輯值（傳遞其他值），因為這是一個非常舊的應用程序，並且可能會很復雜地處理使用這些值的后端的更改，因此，如果我可以在選擇中進行更改，那會更好。

你怎么看待這件事？

Answer 1

您不能在selecttag中分別傳遞兩個值，但可以這樣做

<select name="range">
    <option value="<?php echo $price_min.'-'.$max_price; ?>"><?php echo $price_min.'$-'.$max_price.'$'; ?></option>
</select>

現在您必須在php端做一些事情

<?php
// suppose you select 50$-100$ you get 50-100 in $range 
$range = $_POST['range'];
$values = explode("-",$range);
$min_value = $values[0]
$max_value = $values[1] 
?>