[英]alert message succes in codeigniter
我对此程序有一些问题。 我想给模式使用语义用户界面,但它不起作用。 当我单击按钮顺序将显示模式时,但我的问题现在我单击按钮顺序显示新页面。 并且无法插入数据库。
查看代码:
<div class = "ui form grid_6 omega">
<form target="paypal" method="post">
<div class="field1">
<div class="field">
<label>Nama</label>
<input placeholder="Nama" name="nama" type="text">
</div>
<div class="field">
<label>No. HP</label>
<input placeholder="No. HP" name="handphone" type="text">
</div>
<div class="field">
<label>Alamat</label>
<input placeholder="alamat" name="alamat" type="text">
</div>
<div class="field">
<label>Jumlah</label>
<div class="selectbox">
<select name="jumlah" id="">
<?php for ($i=1; $i <= 20; $i++): ?>
<option value="<?php echo $i; ?>"><?php echo $i; ?></option>
<?php endfor; ?>
</select>
</div>
</div>
<button type="submit" class="ui teal button order-button">Order now</button>
</div>
</form>
</div>
<div class="ui small modal">
<i class="close icon"></i>
<div class="header">
Smalls Like Bakin
</div>
<div class="content">
<p>Thank you for your order</p>
</div>
<div class="actions">
<div class="ui positive right labeled icon button">
<a class="text-white" href="<?php echo site_url('home/order');?>">Back to Home</a>
<i class="checkmark icon"></i>
</div>
</div>
</div>
和脚本
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>packaged/javascript/semantic.js"></script>
<script type="text/javascript">
$('.order-button').click(function(){
$('.small.modal').modal('show');
});
</script>
控制器代码;
function simpanOrder()
{
$this->load->model("M_order");
$data['nama'] = $_POST['nama'];
$data['handphone'] = $_POST['handphone'];
$data['alamat'] = $_POST['alamat'];
$data['jumlah'] = $_POST['jumlah'];
$result = $this->M_order->insert($data);
}
您能告诉我我的代码问题在哪里以及如何解决吗? 谢谢。
通过为您的模式div指定一个ID来尝试一下:
<div id="modaldiv" class="ui small modal">
并在脚本中进行如下更改:
<script type="text/javascript">
$('.order-button').click(function(){
$('#modaldiv').modal('show');
});
</script>
另外,请确保已包含运行模态所需的所有必需的javasript文件。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.