Javascript 如何在取消选择时禁用必需
我有两个选择下拉列表,一个用于选定的房间,另一个用于取消预订Javascript 如何在取消选择时禁用必需,javascript,php,Javascript,Php,我有两个选择下拉列表,一个用于选定的房间,另一个用于取消预订 <div>Confirm:</div> <div> <select id="status" name="status" class="form-control" required> <option value="1">room2</option> <option value="2">
<div>Confirm:</div>
<div>
<select id="status" name="status" class="form-control" required>
<option value="1">room2</option>
<option value="2">rrom2</option>
</select>
</div>
<div>Status:</div>
<div>
<select id="status" name="status" class="form-control" >
<option value="1">Confirm booking</option>
<option value="2">Cancel booking</option>
</select>
</div>
确认:
房间2
rrom2
地位:
确认预订
取消预订
现在我想通过选择cancel and submit取消预订,但问题是首先选择是必需的,我只想在confirm中选择required,我如何才能做到这一点
在2个选择框中添加选择房间
和预订状态
班级,以便检测it事件。因为您在2 selectbox中具有相同的id状态。请为html中的每个元素设置唯一id
$(“.booking status”).change(函数(){//使用更改事件选择预订框
如果($(this.val()=“2”){
$(“.select room”).removeAttr(“必需”);
}否则{
$(“选择房间”).attr(“必需”、“必需”);
}
})
确认:
房间2
rrom2
地位:
确认预订
取消预订
试试这个:
在2个选择框中添加选择房间
和预订状态
班级,以便检测it事件。因为您在2 selectbox中具有相同的id状态。请为html中的每个元素设置唯一id
$(“.booking status”).change(函数(){//使用更改事件选择预订框
如果($(this.val()=“2”){
$(“.select room”).removeAttr(“必需”);
}否则{
$(“选择房间”).attr(“必需”、“必需”);
}
})
确认:
房间2
rrom2
地位:
确认预订
取消预订
请确保id在HTML页面中是唯一的。您似乎对这两个选择框使用了相同的id
<div>Confirm:</div>
<div>
<select id="room" name="room" class="form-control" required>
<option value="1">room2</option>
<option value="2">rrom2</option>
</select>
</div>
<div>Status:</div>
<div>
<select id="status" name="status" class="form-control" >
<option value="1">Confirm booking</option>
<option value="2">Cancel booking</option>
</select>
</div>
请参阅此JS文件:请确保id在HTML页面中是唯一的。您似乎对这两个选择框使用了相同的id
<div>Confirm:</div>
<div>
<select id="room" name="room" class="form-control" required>
<option value="1">room2</option>
<option value="2">rrom2</option>
</select>
</div>
<div>Status:</div>
<div>
<select id="status" name="status" class="form-control" >
<option value="1">Confirm booking</option>
<option value="2">Cancel booking</option>
</select>
</div>
请参阅此JS文件:请展示您迄今为止的尝试您可以使用jquery如何使用jquery,给出一些想法。在更改事件上使用jquery请展示您迄今为止的尝试您可以使用jquery如何使用jquery,在更改事件上使用jquery这两个元素具有相同的id@RafaelShkembi这就是为什么我在2选择框中添加了类添加类不会解决多次使用相同id的问题。添加类肯定会解决问题:)如果您在html中有相同的id,但在jquery中没有使用它-不会产生任何问题,,否则它会——毫无疑问,良好实践需要每个元素的唯一id——但如果您将不同的类添加到元素并在jquery中访问该类,它将创建任何问题这两个元素具有相同的属性id@RafaelShkembi这就是为什么我在2选择框中添加了类添加类没有解决添加类没有解决使用多次使用相同的id。添加类肯定会解决问题:)如果您在html中有相同的id,但在jquery中的任何位置都没有使用它,则不会创建任何问题,否则它会——毫无疑问,良好实践需要每个元素的唯一id——但如果您将向元素添加不同的类并在jquery中访问该类,它将创建任何问题,欢迎您。请投票选出答案,如果它解决了你的问题,请接受。不客气。请投票决定答案,如果它解决了你的问题,请接受它。