下拉选项值 - 不小于

Question

我在一个房地产网站上工作，需要使用简单的 html 代码为最小卧室、浴室等提供下拉字段：

 <select class="facetwp-dropdown" id="id_beds_min" name="beds_min"> <option disabled selected value>Beds</option> <option value="1">1+</option> <option value="2">2+</option> <option value="3">3+</option> <option value="4">4+</option> </select>

我知道这些字段需要条件 - 即它不能小于 1 或 2 等。但对编码不太确定。

我正在使用一个名为 FacetWP 的插件来协助搜索字段。

任何帮助？

Answer 1

我会完全删除您要禁用的选项：
在 html 代码中（在此代码中<option value="1">1+</option>所在的位置），调用括号中的函数： {this.renderNumberOfBedOptions(minNumberOfBedOptions, maxNumberOfBedOptions)}

然后，在 javascript 代码中的 html 代码上方：

    renderNumberOfBedOptions{minNumberOfBedOptions, maxNumberOfBedOptions) {
       let options;  
       for (let i = minNumberOfBedOptions; i < maxNumberOfBedOptions; i++) {
          options += <option value=i>i+</option>
       }
       return options;

Answer 2

你的 html 应该是这样的：

<select class="facetwp-dropdown" id="id_beds_min" name="beds_min">
<option disabled selected value>Beds</option>

<?php 

for($i=$minbeds; $i<=maxbeds; $i++)
{

    echo "<option value=".$i.">".$i."+</option>";
}
?> 
  </select> 

你接下来在服务器端做的是这样的查询：

$bedrooms_min = $_POST["beds_min"];
query = "select*  from houses where bedrooms >=".$bedrooms_min

并考虑使用 mysqli 准备好的语句。 如果您的 html 模板不包含 php 代码，您可以在从后端查询最小和最大房间数后将循环转换为 JavaScript，但 WordPress 模板无论如何都可以包含 php 代码。