下拉选项值 - 不低于?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (57)

我正在一个房地产网站上工作,并需要使用简单的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,或者等等。但是对编码不太确定。

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

提问于
用户回答回答于

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

用户回答回答于

我会完全删除你想要禁用的选项: 在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;

扫码关注云+社区

领取腾讯云代金券