下拉選項值 - 不小於

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