0

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

有什么帮助吗？

4

2 回答 2

0

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

于 2018-06-07T01:06:27.130 回答
0

我将完全删除您要禁用的选项：
在 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;
于 2018-06-07T00:51:08.203 回答