Question

我在表单中有两个字段，第一个字段是下拉菜单，如下所示。第二个是日期选择器。

<div class="form-group">
<label for="customername" class="col-sm-3 control-label">Requires FPC? :</label>
<div class="col-sm-7">
<select class="col-sm-12 form-control" id="fpc" name="fpc" required>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</div>
</div>

<div class="form-group">
<label for="internal_ship_date_label" class="col-sm-3 control-label" id="internal_ship_date_label" name="internal_ship_date_label">Internal Ship Date:</label>
<div class="col-sm-7">
<input type="date" class="form-control" id="internal_ship_date" name="internal_ship_date">
</div>
</div>

当用户选择选项值“NO”时，我希望隐藏internal_ship_date。如果用户选择“是”，我希望显示internal_ship_date。我想在JavaScript中这样做，因为我正在努力学习！任何帮助表示赞赏!!

Answer 1

你可以这样做：

document.getElementById("internal_ship_date_label").style.display = ""; //to show
document.getElementById("internal_ship_date_label").style.display = "none"; //to hide

使用javascript在表单中隐藏和显示div

1 个答案: