Javascript 在引导模式下从备份表读取一次值

Javascript 在引导模式下从备份表读取一次值,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我正在尝试从表中读取一次使用表单显示的值。 我无法从modal后面的表中获取值。有什么具体规定吗 我做错了什么?要读取备份表字段的值,并要用于模式字段的计算 请在这里检查示例- HTML 名称 卷号 联系电话 地址 编辑 名称第1行 12345 米老鼠 老鼠巷123号 编辑 名称第2行 22222 威利郊狼 RR3行车线 编辑 名称第3行 33333 佩佩·勒佩 臭街88号 编辑 &时代; 编辑记录 名称 接触 地址 接近 您的标记建议尝试使用发布到update.php的模式表单更新记录。另

我正在尝试从表中读取一次使用表单显示的值。 我无法从modal后面的表中获取值。有什么具体规定吗

我做错了什么?要读取备份表字段的值,并要用于模式字段的计算

请在这里检查示例-

HTML


名称
卷号
联系电话
地址
编辑
名称第1行
12345
米老鼠
老鼠巷123号
编辑
名称第2行
22222
威利郊狼
RR3行车线
编辑
名称第3行
33333
佩佩·勒佩
臭街88号
编辑
&时代;
编辑记录
名称
接触
地址
接近

您的标记建议尝试使用发布到update.php的模式表单更新记录。另外,您还有一个jQuery函数,它看起来像是试图用模式输入更新表内容

如果我理解正确,您将希望阅读特定PHP框架的文档,了解如何:

  • 通过AJAX提交表单
  • 使用将相应地更新DOM的脚本处理成功的更新

您的问题不清楚。从
tr
读取模式输入的值已经开始工作。此
更改
事件处理程序的目的是什么
#frm_name
输入没有任何
tr
父项。如果您在JSFIDLE中尝试,一旦我在modal中,我想用表中的name字段更改输入地址的值,但一旦我在modal中,它就不再从表中读取值。。。这就是问题所在。这只是一个示例代码。。。事实上我有理由这么做。。。希望有表格行值用于模式字段的计算。感谢您的时间,我在这里遇到的唯一问题是,一旦我尝试在更改模式输入框时获取rollno的值,我就无法从表格中读取rollno的值。。。有什么把戏或我做错了什么吗?问题是范围。您可以将变量添加到更高的作用域,并让两个函数继承该作用域,并根据需要对变量进行写入。请参阅演示--编辑名称并单击远离名称以触发更改事件:@got it。。。这就是我要找的……)还在想。。为什么它不直接从模态调用读取,而不是创建全局变量?有什么具体规定吗。?
/*doesn't read value of rollno from table when modal input box on change*/
$('#frm_name').change(function() {
  var $row = $(this).closest('tr');
  var rowID = $row.attr('class').split('_')[1];
  var rollno = $row.find('.td_rollno').text();
  alert(rollno);
});
<table class="table table-responsive">
  <thead>
    <tr>
      <th>NAME</th>
      <th>ROLL NUMBER</th>
      <th>CONTACT NO</th>
      <th>ADDRESS</th>
      <th>EDIT</th>
    </tr>
  </thead>
  <tbody>
    <tr class="trID_1">
      <td class="td_name">Name Row1</td>
      <td class="td_rollno">12345</td>
      <td class="td_contact">Mickey Mouse</td>
      <td class="td_address">123 Mouse Lane</td>
      <td>
        <button class='td_btn btn btn-link btn-custom dis'>EDIT</button>
      </td>
    </tr>
    <tr class="trID_2">
      <td class="td_name">Name Row2</td>
      <td class="td_rollno">22222</td>
      <td class="td_contact">Wiley Coyote</td>
      <td class="td_address">RR3 Road Runner Lane</td>
      <td>
        <button class='td_btn btn btn-link btn-custom dis'>EDIT</button>
      </td>
    </tr>
    <tr class="trID_3">
      <td class="td_name">Name Row3</td>
      <td class="td_rollno">33333</td>
      <td class="td_contact">Pepe LePew</td>
      <td class="td_address">88 Stink Street</td>
      <td>
        <button class='td_btn btn btn-link btn-custom dis'>EDIT</button>
      </td>
    </tr>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">EDIT RECORD</h4>
      </div>
      <div class="modal-body">

        <form id="updateValues" action="update.php" method="POST" class="form">
          <div class="form-group">
            <label for="name">NAME</label>
            <input type="text" class="form-control" name="name" id="frm_name">
          </div>
          <div class="form-group">
            <label for="contact">CONTACT</label>
            <input type="text" class="form-control" name="contact" id="frm_contact">
          </div>
          <div class="form-group">
            <label for="address">ADDRESS</label>
            <textarea class="form-control" rows="3" name="address" id="frm_address"></textarea>
          </div>
          <input type="hidden" name="frm_id">
          <input type="submit" class="btn btn-primary btn-custom" value="Save changes">
        </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <div id="results"></div>
      </div>

    </div>