jquery - populate on focus with json and javascript -

hi have 1 project in have populate 1 list on focus of input ...? how can populate on focus , empty on blur ...please use javascript

code like:

html:

<input type="text" id="inp" /> <div id="populate"></div> 

json:

var list = [     { "name" :"abc" },     { "name" :"abc" },     { "name" :"abc" },     { "name" :"abc" },     { "name" :"abc" },     { "name" :"abc" } ]; 

how can populate on focus , empty on blur ...please use javascript

this simple in javascript, since have json data separate already, key.

html:

<div id="demo">   <h2>list population</h2>   <input>   <select><option></option></select> </div> 

js:

var mod = {   view: function(state, props) {     state.input = {       _onblur: function() {         state.option = []       },       _onfocus: function() {         state.option = props.list.map(function(v) {           return {             _text: v.name           }         })       }     }   } } 

here link full working example: http://jsbin.com/toxopizopa/edit?html,js,output

hope helps!