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代码。

下拉选项值 - 不低于

2 个答案: