Wie Alarm zeigen, basierend auf Benutzereingaben

-1

var teams=[ 
    {key:1, label:"Faizel", type:1}, 
    {key:15, label:"Phumzi", type:1}, 
    {key:2, label:"Julian", type:2}, 
    {key:3, label:"Rydel", type:1}, 
    {key:14, label:"Srdjan", type:2}, 
    {key:5, label:"Doi", type:1}, 
    {key:6, label:"Brandon", type:2}, 
    {key:7, label:"Jose", type:1}, 
    {key:8, label:"Lesley", type:1}, 
    {key:9, label:"Robin", type:1}, 
    {key:10, label:"Bigshow", type:2}, 
    {key:11, label:"Template", type:1}, 
    {key:12, label:"Slab View", type:1}, 
    {key:13, label:"Dulla", type:1}, 
    {key:16, label:"Nelson", type:1}, 
];

ich auf Taste, um den Alarm basierend will zeigen, dass im Textfeld Benutzereingabe (Beispiel), wenn eine Benutzereingabe 14 in Textfeld soll die Warnung „Srdjan“ sagtWie Alarm zeigen, basierend auf Benutzereingaben

Quelle

2017-03-02 Devender Kumar

Verwenden 'alert' eine Warnung zu zeigen, sonst ist es nur eine Frage durch das Feld gehen gehe nach Übereinstimmungen suchen. – Richard

Wo ist Ihr Eingabe- und Ereignishandler? – Jai

['Array.prototype.find()'] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find) – Andreas

Verwenden Sie Array#find. Geben Sie key in input ein und klicken Sie auf click.

var teams = [{key:1,label:"Faizel",type:1},{key:15,label:"Phumzi",type:1},{key:2,label:"Julian",type:2},{key:3,label:"Rydel",type:1},{key:14,label:"Srdjan",type:2},{key:5,label:"Doi",type:1},{key:6,label:"Brandon",type:2},{key:7,label:"Jose",type:1},{key:8,label:"Lesley",type:1},{key:9,label:"Robin",type:1},{key:10,label:"Bigshow",type:2},{key:11,label:"Template",type:1},{key:12,label:"Slab View",type:1},{key:13,label:"Dulla",type:1},{key:16,label:"Nelson",type:1}], 
 
    input = document.getElementById('inp'); 
 

 
function func(){ 
 
    var prop = teams.find(v => v.key == inp.value).label; 
 
    console.log(prop); 
 
}

<input id='inp'> 
 
<button onclick='func()'>click</button>

Quelle

2017-03-02 09:40:08

Vielen Dank, dass Sie meinen Tag gemacht haben –

var teams=[ 
 
    {key:1, label:"Faizel", type:1}, 
 
    {key:15, label:"Phumzi", type:1}, 
 
    {key:2, label:"Julian", type:2}, 
 
    {key:3, label:"Rydel", type:1}, 
 
    {key:14, label:"Srdjan", type:2}, 
 
    {key:5, label:"Doi", type:1}, 
 
    {key:6, label:"Brandon", type:2}, 
 
    {key:7, label:"Jose", type:1}, 
 
    {key:8, label:"Lesley", type:1}, 
 
    {key:9, label:"Robin", type:1}, 
 
    {key:10, label:"Bigshow", type:2}, 
 
    {key:11, label:"Template", type:1}, 
 
    {key:12, label:"Slab View", type:1}, 
 
    {key:13, label:"Dulla", type:1}, 
 
    {key:16, label:"Nelson", type:1}, 
 
]; 
 

 
var key = 14; 
 

 
alert(teams.find(function(item){ 
 
    return item.key === key 
 
}).label);

Quelle

2017-03-02 09:40:49

Nummer eingeben und drücken Sie überprüfen

var teams=[ 
 
{key:1, label:"Faizel", type:1}, 
 
{key:15, label:"Phumzi", type:1}, 
 
{key:2, label:"Julian", type:2}, 
 
{key:3, label:"Rydel", type:1}, 
 
{key:14, label:"Srdjan", type:2}, 
 
{key:5, label:"Doi", type:1}, 
 
{key:6, label:"Brandon", type:2}, 
 
{key:7, label:"Jose", type:1}, 
 
{key:8, label:"Lesley", type:1}, 
 
{key:9, label:"Robin", type:1}, 
 
{key:10, label:"Bigshow", type:2}, 
 
{key:11, label:"Template", type:1}, 
 
{key:12, label:"Slab View", type:1}, 
 
{key:13, label:"Dulla", type:1}, 
 
{key:16, label:"Nelson", type:1}, 
 
]; 
 
function check(){ 
 
var val=document.getElementById('inputT').value; 
 
if(val!=""){ 
 

 
for(var i=0;i<teams.length;i++){ 
 
\t \t if(teams[i].key==val){ 
 
      alert(teams[i].label) 
 
     } 
 
} 
 
} 
 
}

<input type="text" id="inputT"> 
 
<button onclick="check()"> 
 
check 
 
</button>

Quelle

2017-03-02 09:45:22

Versuchen Sie es:

var teams = [ 
 
    {key:1, label:"Faizel", type:1}, 
 
    {key:15, label:"Phumzi", type:1}, 
 
    {key:2, label:"Julian", type:2}, 
 
    {key:3, label:"Rydel", type:1}, 
 
    {key:14, label:"Srdjan", type:2}, 
 
    {key:5, label:"Doi", type:1}, 
 
    {key:6, label:"Brandon", type:2}, 
 
    {key:7, label:"Jose", type:1}, 
 
    {key:8, label:"Lesley", type:1}, 
 
    {key:9, label:"Robin", type:1}, 
 
    {key:10, label:"Bigshow", type:2}, 
 
    {key:11, label:"Template", type:1}, 
 
    {key:12, label:"Slab View", type:1}, 
 
    {key:13, label:"Dulla", type:1}, 
 
    {key:16, label:"Nelson", type:1}, 
 
]; 
 

 
document.getElementById('displayAlert').addEventListener("click", function() { 
 
    var inputVal = document.getElementById('team').value; 
 
    var selectedTeam = teams.find(function(value) { 
 
    return value.key === parseInt(inputVal); 
 
    }); 
 
    alert(selectedTeam.label); 
 
});

<input type="text" id="team"> 
 
<button id="displayAlert">Display Alert</button>

Quelle

2017-03-02 09:45:45 kotapeter

-1

Ich schlage vor, lodash verwenden würde.

Damit kommt es leicht Objekte basierend auf Attribute zu finden:

// get the input with jquery 
var value = $('#myinput').val(); 

var resultObject = _.find(teams, function(obj) { 
    return obj.key === parseInt(value); 
}); 

alert(resultObject.label);

Quelle

2017-03-02 09:51:36 Wick

Nein, ich schlage nicht vor, lodash zu verwenden. –

Wie Alarm zeigen, basierend auf Benutzereingaben

Antwort

Verwandte Themen