使用json和javascript填充焦点

嗨，我有一个项目，其中我必须填充一个关于输入焦点的列表。。。？ 我们如何在焦点上填充它，在模糊上填充它…请仅使用javascript

代码如下：

html:

---

我们如何在焦点上填充它，在模糊上填充空白…请仅使用javascript这在javascript中非常简单，特别是因为您的JSON数据已经分离，这是关键

HTML：

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

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
          }
        })
      }
    }
  }
}

以下是指向完整工作示例的链接：

希望有帮助

试试这个：

var doc = document;
var inp = doc.getElementById('inp');
var div = doc.getElementById('populate');


inp.onfocus = function() {
    var ul = doc.createElement('ul');
    ul.id = 'ul';
    div.appendChild(ul);
    for (var k in list) {
        var li = doc.createElement('li');
        li.textContent = list[k].name;
        ul.appendChild(li);
    }
}

inp.onblur = function() {
    (elem = doc.getElementById('ul')).parentNode.removeChild(elem);
}

$("#inp").on('focus',function(){
jQuery.map(list,function(k,v){
    $("#populate").append(v+'<br/>');     
  });

这是jsbin

试试这个：

var doc = document;
var inp = doc.getElementById('inp');
var div = doc.getElementById('populate');


inp.onfocus = function() {
    var ul = doc.createElement('ul');
    ul.id = 'ul';
    div.appendChild(ul);
    for (var k in list) {
        var li = doc.createElement('li');
        li.textContent = list[k].name;
        ul.appendChild(li);
    }
}

inp.onblur = function() {
    (elem = doc.getElementById('ul')).parentNode.removeChild(elem);
}

$("#inp").on('focus',function(){
jQuery.map(list,function(k,v){
    $("#populate").append(v+'<br/>');     
  });

}))

$("#populate").html("");