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