这篇博客探讨了如何使用JavaScript和jQuery监听Select元素的onChange事件，根据选中选项的数量动态地禁用或启用其他元素。示例代码展示了当选中选项少于2个时移除禁用属性，超过2个时重新添加禁用属性。这有助于实现交互式的表单验证和用户体验改进。
Use change event handler for select tag and in function, check if length of selected option is less than 2 remove disabled attribute and if is great than 2 add it to element.
document.getElementById("state").onchange = function(){
var length = this.querySelectorAll("option:checked").length;
document.querySelectorAll("#first, #second").forEach(function(ele){
ele.disabled = length < 2;
})
}
document.getElementById("state").onchange = function(){
var length = this.querySelectorAll("option:checked").length;
document.querySelectorAll("#first, #second").forEach(function(ele){
ele.disabled = length < 2;
})
}
one
two
Also you can do this work using jQuery with less code
$("#state").change(function(){
$("#first, #second").prop("disabled", $(":selected",this).length < 2);
});
$("#state").change(function(){
$("#first, #second").prop("disabled", $(":selected",this).length < 2);
});
one
two
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
