![](/img/trans.png)
[英]JQuery .attr problem. $('#id').attr('value'); returns Undefined
[英]Jquery .attr() sets value as undefined, why?
<div class="form-group">
<label>Email Visible (Fill other means of contact to change)</label>
<select id="emailVisible" required name="emailVisible" class="form-control" disabled="disabled">
<option value="yes" selected = "selected">Yes</option>
<option value="no">No</option>
</select>
</div>
setInterval(function(){
console.log("GOOO");
if ($("#twitterInput").val() == "" && $("#facebookInput").val() == "" && $("#steamInput").val() == "") {
console.log("1");
$("#emailVisible").attr("disabled","disabled");
} else {
console.log("2");
$("#emailVisible").attr("disabled",false);
console.log($('#emailVisible').attr('disabled'));
}
}, 1000);
“ console.log($('#emailVisible')。attr('disabled'));” 打印在控制台中未定义。
每秒打印“ 2”。
我不知道我的语法不正确。
尝试使用prop()
而不是attr()
。并使用布尔类型而不是string
更改值,并且不要忘记添加3个输入
setInterval(function() { if ($("#twitterInput").val() == "" && $("#facebookInput").val() == "" && $("#steamInput").val() == "") { console.log("1"); $("#emailVisible").prop("disabled", true); } else { console.log("2"); $("#emailVisible").prop("disabled", false); console.log($('#emailVisible').prop('disabled')); } }, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form-group"> <input id="twitterInput"> <input id="facebookInput"> <input id="steamInput"> <label>Email Visible (Fill other means of contact to change)</label> <select id="emailVisible" required name="emailVisible" class="form-control" disabled="disabled"> <option value="yes" selected = "selected">Yes</option> <option value="no">No</option> </select> </div>
您可以观察到,当执行jquery时, <select>
没有id="emailVisible
disabled
属性。
$("#emailVisible").attr("disabled",false);
这是因为它删除了此属性以启用选择框。 这就是为什么当您访问$('#emailVisible').attr('disabled')
它是undefined
因为没有这样的属性。 您可以通过使用此选择框上的inspect element
来验证自己。
setInterval(function(){ console.log("GOOO"); if ($("#twitterInput").val() == "" && $("#facebookInput").val() == "" && $("#steamInput").val() == "") { console.log("1"); $("#emailVisible").prop("disabled","disabled"); } else { console.log("2"); $("#emailVisible").prop("disabled",false); console.log($('#emailVisible').prop('disabled')); } }, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form-group"> <label>Email Visible (Fill other means of contact to change)</label> <select id="emailVisible" required name="emailVisible" class="form-control" disabled="disabled"> <option value="yes" selected = "selected">Yes</option> <option value="no">No</option> </select> </div>
只需将attr更改为prop即可,因为disable是一个属性。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.