更改select [duplicate]的值时如何显示/隐藏文本框

Question

我正在一个项目中，用户可以方便地输入他的记录，我想知道如何在更改选择框值的同时显示或隐藏文本框在这里，我有一个以婚姻状况命名的选择框婚姻状况的选项有：“已婚”和“未婚”。这是代码：<select class="form-control" name="Personal_Family_Marital_Status" id="Personal_Family_Marital_Status" style = "color:  black;" required>    <option value="">Please Select Marital Status</option>    <option value="Married">Married</option>    <option value="Un-Married">Un-Married</option></select><div class = "form-group col-md-3">    <label for = "cc-payment" class = "control-label mb-1">Spouse Name</label>    <input type = "text" autocomplete="off" class = "form-control"  name="Persoanl_Family_Spouse_Name" id = "Persoanl_Family_Spouse_Name"   style = "color:  black;" value="" placeholder="Mention your Spouse Name" data-toggle="tooltip" title="Mention your Spouse Name if Applicable" required /></div>如果用户从上述选项中选择“已婚”，则会出现一个文本框，用于输入配偶姓名如果用户从上述选项中选择“未婚”，则配偶姓名文本框应消失。