Question

我有一个文本框和一个按钮。在按钮上。点击功能名称出现，但我想要id（用户进入文本框中显示相应的名称）

这是来自json的剪辑：

{"user":[{"ID" : "001","name": "Zara Ali"}]}

这是按钮/文字（我在警告div里面，因为我觉得它在我的页面看起来很酷，并且可以使用.click）

<div class="alert alert-info"> 
  <input type="text" id="userName" value> 
  <button type="button" id="loginbtn" class="btn btn-primary btn-md">Login</button>
</div>

这是我用于.click

的js

$(document).ready(function() {
  $("#loginbtn").click(function(event){
    $.getJSON('result.json', function(jd) {
      $('#details').html('<p> Name: ' + jd.name + '</p>');
    });
  });           
});

结果进入内部：

<div id = "details">

</div>

Answer 1

试试这个：

 $(document).ready(function() {
    $("#loginbtn").click(function(event){
       $.getJSON('result.json', function(jd) {
          var id = $('#userName').val();
          for (var i=0; i<jd.user.length; i++) {
            if (jd.user[i].ID == id) {
              $('#details').html('<p> Name: ' + jd.user[i].name + '</p>');
            }
          }
       });
    });
 });

从.click上的json文件中提取json数据

1 个答案: