如何在此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] 
?>