下拉选项值 - 不小于答案

【问题标题】：Dropdown option value - no less than下拉选项值 - 不小于
【发布时间】：2025-12-21 14:10:16
【问题描述】：

我在一个房地产网站上工作，需要使用简单的 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 的插件来协助搜索字段。

有什么帮助吗？

【问题讨论】：

标签： javascript html wordpress dropdown facetwp

【解决方案1】：

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

然后，上面的html代码里面的javascript代码：

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

【讨论】：

【解决方案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 代码。

【讨论】：