Javascript 如何在从html下拉列表中选择值时使文本字段只读

我想根据用户从下拉列表中的选择将文本字段设置为只读

这是我的密码

<select id="Personal_Religion_Sect" name="Personal_Religion_Sect">
    <option value="Un-Married"></option>
    <option value="Married"></option>

<select>

如果用户从数据列表中选择已婚，那么我想将输入设置为readonly=false

我将如何实现这一点

---

提前感谢

您无法通过PHP实现这一点，您需要使用JavaScript实现这一点

下面的代码段将包含jQuery，然后向select中添加一个侦听器，当更改该侦听器时，它将检查新值，如果该值等于已婚，它将删除所需的属性，并添加只读属性。当选择与已婚不同的值时，这些值将反转

$Personal\u religation\u Sect.onchange，function{ var输入=$Medical_类别； var readonly=！this.value==已婚； input.propreadonly，只读； input.proprequired，！只读； }; 选择一个- 未婚 已婚的 配偶姓名 还值得注意的是，标记引用的元素与输入的元素不同。应为=医疗类。

<label for = "cc-payment" class = "control-label mb-1">Spouse Name</label> <input type = "text" autocomplete="off" class = "form-control"  name="Medical_Category" id = "Medical_Category"   style = "color:  black;" value="<?php echo $data['Personal_Medical_Category'];?>" required placeholder="Mention your Spouse Name" data-toggle="tooltip" title="Mention your Spouse Name if Applicable"/>