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

时间:2017-11-20 06:50:55

标签: javascript jquery datepicker

如果家庭访问选择的选择值为YES,我的用户必须在文本框中选择家庭访问日期(日期选择器)。

<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需要相同的文本框。

提前致谢。

1 个答案:

答案 0 :(得分: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>

希望这有帮助