javascript - 基于下拉列表中选择值的条件要求

Question

如果家访选择选择值为"is"，我的用户必须在文本框中选择家访日期(日期选择器)。

<p>Home Visit Done: 

<select name="hvdone" required>
     <option selected="selected" ><?= isset($_POST['name']) ? htmlspecialchars($hvdone) : '' ?></option>       
     <option value="Yes">Yes</option>
     <option value="No">No</option>
</select>

<p>HV date (Mandatory): <input type="text" id="datepicker" style="background-color:red; color: white;" name="hvdate" value="<?= isset($_POST['name']) ? htmlspecialchars($hvdate) : '' ?>"/></p>

我的问题是我已经为日期选择器插入了 ID 属性，现在我必须再插入一个 id 属性以确保 jQuery 强制要求相同的文本框。

提前致谢。

Answer 1

这就是你想要的。甚至是纯 JavaScript

function getVal(ele){
var element = document.getElementById("datepicker")
 ele.value == "yes" ? element.required =true : element.required =false
}
getVal(document.getElementById("select"))

<form>
<select id="select" onchange="getVal(this);">
<option value="yes">Yes</option>
<option value="no">No</option>
</select>

<input type="text" id="datepicker" />

<input type="submit" value="Submit">
</form>

希望这有帮助