javascript - 在用户输入输入后在右侧显示某些内容

Question

现在用户会在左侧输入邮政编码。输入后，我希望 Shipping Method 在右侧可见。如果未输入邮政编码，则 Shipping Method 应保持不可见。

初次使用 html、css 和 c# 的用户，如有任何信息，我们将不胜感激。谢谢!

Answer 1

坚持只使用 HTML/CSS 的要求，您可以使用 + 直接同级选择器根据输入的有效性有条件地显示/隐藏元素。

input:invalid + select { display: none; }

<input type="text" pattern="\d{5}" placeholder="ZIP code" required>
<select>
  <option>one</option>
  <option>two</option>
</select>