2016-06-22 3 views
-1

json Array zu erzeugen:wie tun, um diesen Code erhalten die in einem Drop-Down-

{ 
    name: 'Heritage Bank', 
    id: '030' 
}, { 
    name: 'Jaiz Bank', 
    id: '23' 
}, { 
    name: 'Keystone Bank', 
    id: '02' 
}, { 
    name: 'Mainstreet Bank', 
    id: '01' 
}, { 
    name: 'Skye Bank', 
    id: '06' 
}, { 
    name: 'Stanbic IBTC', 
    id: '21' 
}, { 
    name: 'Standard Chartered', 
    id: '06' 
}, { 
    name: 'Sterling Bank', 
    id: '22' 
}, { 
    name: 'Union Bank', 
    id: '02' 
}, { 
    name: 'UBA', 
    id: '3' 
}, { 
    name: 'Unity Bank', 
    id: '15' 
}, { 
    name: 'Wema Bank', 
    id: '35' 
}, { 
    name: 'Zenith Bank', 
    id: '7' 
}, { 
    name: 'GT Bank', 
    id: '08' 
}]; 

JavaScript-Code:

var sel = document.getElementById('banks'); 
var fragment = document.createDocumentFragment(); 
banks.forEach(function(banks, index) { 
    var opt = document.createElement('option'); 
    opt.innerHTML = banks; 
    opt.value = banks; 
    fragment.appendChild(opt); 
}); 
sel.appendChild(fragment); 
+0

bearbeite yo Deine Frage. Es ist nicht lesbar – riteshmeher

Antwort

0

Hier gehen Sie

var arr =[ 
{ name: 'Heritage Bank', id: '030' }, 
{ name: 'Jaiz Bank', id: '23' }, 
{ name: 'Keystone Bank', id: '02' }, 
{ name: 'Mainstreet Bank', id: '01' }, 
{ name: 'Skye Bank', id: '06' }, 
{ name: 'Stanbic IBTC', id: '21' }, 
{ name: 'Standard Chartered', id: '06' }, 
{ name: 'Sterling Bank', id: '22' }, 
{ name: 'Union Bank', id: '02' }, 
{ name: 'UBA', id: '3' }, 
{ name: 'Unity Bank', id: '15' }, 
{ name: 'Wema Bank', id: '35' }, 
{ name: 'Zenith Bank', id: '7' }, 
{ name: 'GT Bank', id: '08' } 
]; 

$(document).ready(function(){ 
var ele = $("<select/>"); 
for(var i=0;i<arr.length;i++) 
{ 
    ele.append($('<option>', {value:arr[i].id, text:arr[i].name})); 

} 
//ele.append('</select>'); 
$('#someid').append(ele); // Append wherever you want 
}); 

Demo Here

Verwandte Themen