[英]A dropdown validation error occurs if no value is selected on the associated radio button
我有一个带有两个单选按钮的表单:“是”和“否”。 如果选择“是”,则用户从两个下拉菜单中选择所需的内容。 如果用户选择“否”,则表单的JavaScript将使两个下拉菜单均变灰。
我的jQuery代码如下所示。 我补充说:
if(!$("#discount").prop("disabled") && $("#colour1, #shade1").val() == 'please select'){
//alert('Please select');
}
但它没有用。
两个单选按钮的name
属性都设置为discount
。 下拉菜单id
属性#colour1
和#shade1
。
每个下拉菜单的第一个值是“请选择”:
$( function(){
$("input[name='discount']").click(function() {
$("#colour1, #shade1")
.prop("disabled", this.value == 'No');
if(!$("#discount").prop("disabled") && $("#colour1, #shade1").val() == 'please select'){ //alert('Please select'); }.
}).click();
});
尝试这个。
$( function(){
$("input[name='discount']").click(function() {
var isDisabled = (this.value == 'No');
$("#colour1, #shade1").prop("disabled", isDisabled);
if(!isDisabled){
//Please select option is selected
if($("#colour1")[0].selectedIndex == 0){
alert('Please select color');
}
//Please select option is selected
if($("#shade11")[0].selectedIndex == 0){
alert('Please select shade');
}
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.