首页 PHP 通过 Modal Bootstrap 传递数据并获取 php 变量?
通过 Modal Bootstrap 传递数据并获取 php 变量?
[英] Passing data via Modal Bootstrap and getting php variable?
本文介绍了通过 Modal Bootstrap 传递数据并获取 php 变量?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试获取通过 jquery 传递的输入值并将其设置为 php 变量，但我不知道该怎么做.
这个按钮有我想发送的值:
<button type='button' data-a='".$fila['idPlaza']."' href='#editarUsuario' class='modalEditarUsuario btn btn-warning btn-xs' data-toggle='modal' data-backdrop='static' data-keyboard='false' title='Editar usuario'><img src='../images/edit.png' width='20px' height='20px'></button>然后我有这个js代码来发送值:
$(document).on("click", ".modalEditarUsuario", function (e) {e.preventDefault();var self = $(this);$("#a").val(self.data('a'));$(self.attr('href')).modal('show');});我终于有了这个引导模式
<div id="editarUsuario" class="modalfade modal" role="dialog"><div class="vertical-alignment-helper"><div class="modal-dialog vertical-align-center"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h2 class="modal-title">Editar usuario</h2> <form name="formularioModificaUsuario" method='post' action="usuarios.php"><div class="modal-body"><input type="text" class="form-control" name="idPlaza" id="a"><?php$valueA = ????>
<div class="modal-footer"><button type="reset" id="cancelar" class="btn btn-danger" data-dismiss="modal" value="reset"><img src='../images/cancel.png'width='20px' height='20px'>取消<button type="submit" name="submitModifica" id="submit" class="btn btn-primary" value="submit"><img src='../images/save_changes.png' width='20px'高度='20px'>Guardar cambios</button>
</表单>
我的问题是，如何将 id='a' 输入的值输入到 php 变量 $valueA 中以供之后使用?
解决方案
<img src='../images/edit.png' width='20px' height='20px'> 将下面的代码放在 </body> 标签结束前的 footer 中.
<div id="editarUsuario" class="modalfade modal" role="dialog"><div class="vertical-alignment-helper"><div class="modal-dialog vertical-align-center"><div class="modal-content">
像这样使用脚本 .
创建 NewPage.php ，并粘贴以下代码.(记住，这个页面名称 NewPage.php 也用在 script 标签中.如果你打算更改这个页面的名称，也可以在 script 标签中更改页面名称.两者都是相关的.)
<代码><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h2 class="modal-title">Editar usuario</h2><form name="formularioModificaUsuario" method='post' action="usuarios.php"><div class="modal-body"><input type="text" class="form-control" name="idPlaza" id="a"><?php$valueA = $ID;?>
<div class="modal-footer"><button type="reset" id="cancelar" class="btn btn-danger" data-dismiss="modal" value="reset"><img src='../images/cancel.png' width='20px' height='20px'>取消<button type="submit" name="submitModifica" id="submit" class="btn btn-primary" value="submit"><img src='../images/save_changes.png' width='20px' height='20px'>Guardar cambios</button>
</表单>
I'm trying to get an input value passed via jquery and setting into a php variable, but I don't know how to do that.
This button have the value that I want to send:
<button type='button' data-a='".$fila['idPlaza']."' href='#editarUsuario' class='modalEditarUsuario btn btn-warning btn-xs' data-toggle='modal' data-backdrop='static' data-keyboard='false' title='Editar usuario'><img src='../images/edit.png' width='20px' height='20px'></button>
Then I have this js code to send the value:
$(document).on("click", ".modalEditarUsuario", function (e) {
e.preventDefault();
var self = $(this);
$("#a").val(self.data('a'));
$(self.attr('href')).modal('show');
});
Finally I have this bootstrap modal
<!-- MODAL EDITAR-->
<div id="editarUsuario" class="modal fade modal" role="dialog">
<div class="vertical-alignment-helper">
<div class="modal-dialog vertical-align-center">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="modal-title">Editar usuario</h2>
</div>
<form name="formularioModificaUsuario" method='post' action="usuarios.php">
<div class="modal-body">
<input type="text" class="form-control" name="idPlaza" id="a">
<?php
$valueA = ???
?>
</div>
<div class="modal-footer">
<button type="reset" id="cancelar" class="btn btn-danger" data-dismiss="modal" value="reset"><img src='../images/cancel.png' width='20px' height='20px'> Cancelar</button>
<button type="submit" name="submitModifica" id="submit" class="btn btn-primary" value="submit"><img src='../images/save_changes.png' width='20px' height='20px'> Guardar cambios</button>
</div>
</form>
</div>
</div>
</div>
</div>
My question is, how could I get the value of id='a' input into php variable $valueA to use after?
解决方案
<button type='button' data-a="<?echo $fila['idPlaza'];?>" href='#editarUsuario' class='modalEditarUsuario btn btn-warning btn-xs' data-toggle='modal' data-backdrop='static' data-keyboard='false' title='Editar usuario'>
<img src='../images/edit.png' width='20px' height='20px'>
</button>
Put below code in footer before end of </body> tag.
<!-- MODAL EDITAR-->
<div id="editarUsuario" class="modal fade modal" role="dialog">
<div class="vertical-alignment-helper">
<div class="modal-dialog vertical-align-center">
<div class="modal-content">
</div>
</div>
</div>
</div>
Use Script like this.
<script>
$('.modalEditarUsuario').click(function(){
var ID=$(this).attr('data-a');
$.ajax({url:"NewPage.php?ID="+ID,cache:false,success:function(result){
$(".modal-content").html(result);
}});
});
</script>
Create NewPage.php , and paste the below code.
(Remember, this page name NewPage.php is used in script tag also. if you are planning to change the name of this page, change page name there in script tag too. Both are related.)
<?
$ID=$_GET['ID'];
?>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="modal-title">Editar usuario</h2>
</div>
<form name="formularioModificaUsuario" method='post' action="usuarios.php">
<div class="modal-body">
<input type="text" class="form-control" name="idPlaza" id="a">
<?php
$valueA = $ID;
?>
</div>
<div class="modal-footer">
<button type="reset" id="cancelar" class="btn btn-danger" data-dismiss="modal" value="reset">
<img src='../images/cancel.png' width='20px' height='20px'> Cancelar</button>
<button type="submit" name="submitModifica" id="submit" class="btn btn-primary" value="submit">
<img src='../images/save_changes.png' width='20px' height='20px'> Guardar cambios</button>
</div>
</form>
这篇关于通过 Modal Bootstrap 传递数据并获取 php 变量?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
