美文网首页
javascript学习笔记--添加记录

javascript学习笔记--添加记录

作者: 持续5年输出bug | 来源:发表于2018-12-11 08:51 被阅读0次

1.获取input框内的文本

<style>
  table {
    border-collapse: collapse;
  }

  table,
  td,
  th {
    width: 200px;
    border: 1px solid black;
  }
</style>
 <table id="a">
    <tr>
      <th>name</th>
      <th>email</th>
      <th>salary</th>
      <th>&nbsp;</th>
    </tr>
    <tr>
      <td>tom</td>
      <td>tom@qq.con</th>
      <td>5000</th>
      <td><a href="deletemp?id=001">delete</a></td>
      <!-- // 等价于 -->
      <!-- <th><a href="javascrpt:;">delete</a></th> -->
    </tr>
    <tr>
      <td>jery</td>
      <td>jery@qq.con</td>
      <td>20000</td>
      <td><a href="deletEmp?id=002">delete</a></td>
    </tr>
  </table>
  <br />
  <br />
  <br />
  <table id="a">
    <tr>
      <td class="word">name: </td>
      <td class="inp">
        <input type="text" name="name" id="enpname" />
      </td>
    </tr>
    <tr>

      <td class="word">email: </td>
      <td class="inp">
        <input type="text" name="email" id="enpemail" />
      </td>

    </tr>
    <tr>

      <td class="word">salary: </td>
      <td class="inp">
        <input type="text" name="salary" id="enpsalary" />
      </td>

    </tr>
  </table>
  <button id="addemobutton" value="abc" style="margin-left:50px;">
    submit
  </button>
  </div>
// 先给获取submit的ID  并通过ID 绑定单击事件
  var submit = document.getElementById("addemobutton")
  submit.onclick = function () {
    // 获取input框内的文本
    var name = document.getElementById("enpname").value
    var email = document.getElementById("enpemail").value
    var salary = document.getElementById("enpsalary").value
  }

相关文章

网友评论

      本文标题:javascript学习笔记--添加记录

      本文链接:https://www.haomeiwen.com/subject/ktgfhqtx.html