Amp下拉与其他选项

Question

我已经选择了最后一个选项为“其他”的选项。

当用户从下拉菜单中选择其他选项时，我想显示文本字段。

我正在使用普通的html，抱歉我是AMP初学者，我发现了一些带有json选项的amp-list的例子，但我不知道如何实现，因为我在drowpdown中有限的选项。

<select data-type="text" id="cuisine" name="cuisine" required>
    <option value="german">German wine</option>     
    <option value="baden">Baden cuisine</option>
    <option value="hamburg">Hamburg cuisine</option>
    <option value="others">Others</option>
<select>
<div class="form-group hide" id="other_cusone">
    <label for="other_city_p" class="active">Other :</label>
    <input type="text" id="other_c_p" name="other" placeholder="Other"> 
</div>

感谢

Answer 1

对于有限的选项，您不必使用 amp-list ，它用于动态下拉列表。您可以使用 amp-bind 来实现目标。

Here is working url

代码：

/dashboard/problems