我有一个静态数据json对象。当我在搜索框中输入相应的滚动键(例如101)并按按钮时,将显示这些值。
如果输入错误的滚动键,则错误的滚动键应显示在警报中。否则应显示相应的值。
像101、102、103、104一样正确滚动。
显示数据很好,但错误滚动不会警告该怎么做。
我的代码是
$(document).ready(function(){
var rollno = {
"101": [ {"name": "rohit", "rollNo": "1", "fname":"nro"}],
"102": [ {"name": "azadrohit", "rollNo": "2" , "fname":"nrodf"}],
"103": [ {"name": "rohitmalik", "rollNo": "3", "fname":"nrowexs"}],
"104": [ {"name": "azdm", "rollNo": "4" , "fname":"nrosjyed"}]
};
$('#showD').on('click', function(){
var rollnoINput = $('#searchDetails').val();
var updateName = rollno[rollnoINput][0].name;
var updateRollNo = rollno[rollnoINput][0].rollNo;
var updateFname = rollno[rollnoINput][0].fname;
$('#rollNo').html(updateRollNo);
$('#cname').html(updateName);
$('#fname').html(updateFname);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="text" value="" id="searchDetails" />
<button id="showD">Click to result</button>
<div id="rollNo"></div>
<div id="cname"></div>
<div id="fname"></div>
最佳答案
您可以使用hasOwnProperty
来检查对象属性的存在:
$('#showD').on('click', function(){
var rollnoINput = $('#searchDetails').val();
if (rollno.hasOwnProperty(rollnoINput)) {
var updateName = rollno[rollnoINput][0].name;
var updateRollNo = rollno[rollnoINput][0].rollNo;
var updateFname = rollno[rollnoINput][0].fname;
$('#rollNo').html(updateRollNo);
$('#cname').html(updateName);
$('#fname').html(updateFname);
} else {
alert('Property not found');
}
});