简体   繁体   English

如何在CodeIgniter中使用jquery复制隐藏字段值并将其传递到另一页上?

[英]How to copy the hidden field value and pass it on another page using jquery in CodeIgniter?

I am new with CodeIgniter and I want to pass hidden field value to another page using jQuery in CodeIgniter. 我是CodeIgniter的新手,我想使用CodeIgniter中的jQuery将隐藏字段值传递给另一个页面。 Can I do this using jQuery? 我可以使用jQuery吗?

<input type="hidden" name="grdtot" class="grdtot" />

this hidden field on cart.php page cart.php页面上的此隐藏字段

  <label id="grdtot_c" name="grdtot_c" class="grdtot_c"></label>

I want to fetch this hidden field value on checkout.php page. 我想在checkout.php页面上获取此隐藏字段的值。 How I can do this using jQuery? 我如何使用jQuery做到这一点?

You can do this another way using localstorage to getting value from another page 您可以使用localstorage从另一页获取价值的另一种方式

Just write like this on page one. 只需在第一页上这样写即可。

localStorage.setItem('Gridtotal', $('.grdtot').val());

And get value from another page. 并从另一个页面获得价值。

var grdTotal= localStorage.getItem('Gridtotal');
$('#grdtot_c').val(grdTotal);

Suppose You have form given below: 假设您有以下表格:

<body>
    <div>Upload data to the server without page Refresh</div>
    <input type="hidden" name="hidden_name" id="hidden_name">
    <input type="text" name="name" id="name">
    <input type="text" name="email" id="email">
    <input type="text" name="website" id="website">
    <input type="submit" name="submit" id="save" value="Submit">

    <div id="display"></div>
</body>

And Now Your Script to send data to Your Controller . 现在,您的脚本将数据发送到控制器 You must have to use ajax to send data to the controller in CodeIgniter, And It will make your work easy. 您必须使用ajax将数据发送到CodeIgniter中的控制器,这将使您的工作变得容易。

<script>
$(document).ready(function(){
    $('#save').click(function(){
        var hidden_name = $('#hidden_name').val();
        var name = $('#name').val();
        var email = $('#email').val();
        var website = $('#website').val();

        $.ajax({
            type:'POST',
            url:'<?php echo base_url();?>index.php/controller_name/function_name',
            async:false,
            data:{
                "done":1,
                "hidden_name":hidden_name,
                "name":name,
                "email":email,
                "website":website   
                },
            success:function(data){
                $('#display').html(data);
            }   
        });
    });
});
</script>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM