【问题标题】:HTML <input> value support multiple custom field valuesHTML <input> 值支持多个自定义字段值
【发布时间】:2017-01-04 18:21:39
【问题描述】:

我创建了一个自定义字段 AJAX Post 过滤器,它的过滤器值正确。现在我需要使它更具可选性,之后它支持一个自定义字段的多个值。

以这种方式工作:

自定义字段 Key & Value ===> display = 4 ...这是第一个输入,其他值将是 5,6 和 7。

<div class="display">   
    <li><input type="checkbox" name="display" value="4" class="br"> 4 inch  </li>
    <li><input type="checkbox" name="display" value="5" class="br"> 5 inch  </li>
    <li><input type="checkbox" name="display" value="6" class="br"> 6 inch </li>
    <li><input type="checkbox" name="display" value="7" class="br"> 7 inch </li>
</div>

需要这样:

自定义字段 Key & Value ===> display = 3.5 .. 首次输入

<div class="display">   
    <li><input type="checkbox" name="display" value="1.0 - 4" class="br"> Below - 4.0 inch  </li>
    <li><input type="checkbox" name="display" value="4.1 - 5" class="br"> 4.1  - 5 inch  </li>
    <li><input type="checkbox" name="display" value="5.1 - 6" class="br"> 5.1  - 6.0 inch </li>
    <li><input type="checkbox" name="display" value="6.1 - 8" class="br"> 6.1  - above inch  </li>
</div>

更详细的要求:

当我在自定义字段中输入值 1 to 4 时,首先选中复选框过滤它。

如何管理输入标签值 1 - 4 将支持自定义字段值也将在 1 - 4 之间?

换句话说,输入标签值内支持多个值。

【问题讨论】:

    标签: php html ajax wordpress checkbox


    【解决方案1】:

    而不是使用,例如在您的&lt;input&gt; 中使用'1.0 - 4' 的值,为什么您不只输入最大值。因此,您将拥有:

    <div class="display">   
        <li><input type="checkbox" name="display" value="4" class="br"> Below - 4.0 inch  </li>
        <li><input type="checkbox" name="display" value="5" class="br"> 4.1  - 5 inch  </li>
        <li><input type="checkbox" name="display" value="6" class="br"> 5.1  - 6.0 inch </li>
        <li><input type="checkbox" name="display" value="9" class="br"> 6.1  - above inch  </li>
    </div>
    

    然后你将在你的帖子中创建另一个custom-field,例如'screen',你将在其中放置真实的屏幕值(显示在上面模板中的手机)。

    然后,您将仅将 'display'custom 字段与您的 ajax 过滤器一起使用


    相关作者线程:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-05-01
      • 2017-08-25
      • 1970-01-01
      相关资源
      最近更新 更多