目前,在我的工作中,我们有一个系统,可以通过他们的社会保障的后5位数字来搜索数据库中的人员。但是,有很多人可能具有相同的数字组合,在这种情况下,系统会显示所有具有该数字组合的人。即:

Social     firstName     lastName     Age
55555     John           Doe          24
55555     Michael        Jordan       51
55555     Mike           Tyson        48


我对搜索功能不感兴趣,但是我想知道如何以与我的工作系统相同的方式显示数据库中的所有人员(onclick)。我将使用javascript,因为它是我所知道的唯一语言。但是,我什至可以用JS执行此任务吗?到目前为止,这是我所拥有的,它将代码和简单的英语混合起来(以描述我想做的事情):

<body>
<h1>Please enter your information</h1>
<form>
 First name : <input type="text" id="fname"><br>
 Last name : <input type="text" id="lname"><br>
 Age : <input type="text" id="age"><br>
</form>
<button onclick="displayInfo()">Submit</button>

<div class="database">
  <table id="myPeeps">  <!-- Would tables be best for this? -->
  </table>
</div>

<script>
 var aName = document.getElementById('fname').value;
 var bName = document.getElementById('lname').value;
 var personAge = document.getElemntById('age').value;

 function person(one,two,three) {  //get the values from above and create a new object
  this.firstName = one;
  this.lastName = two;
  this.age = three;
 }

function displayInfo() {
create a new <tr> based on the number of people I have.
<td>PersonCreated.firstName here</td>
<td>PersonCreated.lastName here</td>
<td>PeronCreated.age here</td>

prepend newly created table row and table data to id ('myPeeps')
}
</script>
</body>


这可能有很多要求,但请帮助新手。我已经尝试了数周,并且可能无法达到执行此操作所需的javascript级别,但是将非常感谢您的帮助!

最佳答案

可以通过以下方式将新行插入表中:

var $row = $("<tr><td>" + firstName + "</td></tr>");
$("#myPeeps").append($row);


我刚刚添加了第一个表格单元格。这是一个更完整的示例jsfiddle

同样,您可以通过以下方法将值放入对象中:

var myobj = {"firstName": "John", "lastName": "Smith", "age": 22};


如我所见,您已经从表单中获取了字段值,因此只需将其放入即可。

关于javascript - 如何列出在输入字段中提交的所有人员?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28076297/

10-12 04:46