简体   繁体   English

如何使用带有脚本的codeIgniter动态添加文件?

[英]How do i add fileds dynamically using codeIgniter with script?

i need add fields dynamically in my view form. 我需要在我的视图表单中动态添加字段。 i have a script function for that.. but i don't know how to include in that script into codeIgniter. 我有一个脚本函数..但我不知道如何在该脚本中包含到codeIgniter中。

my controller - 我的控制器-

class uploadfile extends CI_Controller {
 function __construct()
    {
     parent::__construct();
     $this->load->helper('url');}
 //index function
    function index()
    {
       //load file upload form
        $this->load->view('upload_file_view');}}

my view - 我的观点 -

<script type="text/javascript" src="<?php echo base_url("assets/js/myscript.js");?>" ></script>
</head>
<body>
<label for="doc" class=" control-label">SUPPORT DOCUMENT</label>
         <div class="multi-field-wrapper ">
           <div class="multi-fields">
             <div class="multi-field">
 <input id="doc" type="text" class="form-control" name="attachment[]">
</div> </div>
<button type="button" class="add-field">Add field</button> </div>

and my script path - C:\\xampp\\htdocs\\samplecod\\assets\\js 和我的脚本路径-C:\\ xampp \\ htdocs \\ samplecod \\ assets \\ js

i found a easy way to add multiple fields in view page 我找到了一种在视图页面中添加多个字段的简便方法

`<div class="form-group">
            <div class="row colbox">
            <div class="col-sm-offset-2 col-lg-8 col-sm-8 text-left">Description</div>

            <div class="field_wrapper">
                <input type="textarea" name="descrip[]" value="" size="35px" /><input type="text" name="voucher_no[]" value="" size="7px"/><input type="text" name="price[]" value=""size="7px"/>
                <a href="javascript:void(0);" class="add_button" title="Add field"><img src="<?php echo base_url('images/add-icon.png'); ?>"/></a>
            </div></div></div>`

for this form this is the script: 对于这种形式,这是脚本:

   <script type="text/javascript">
$(document).ready(function(){
    var maxField = 20; //Input fields increment limitation
    var addButton = $('.add_button'); //Add button selector
    var wrapper = $('.field_wrapper'); //Input field wrapper
    var fieldHTML = '<div><input type="text" name="descrip[]" value="" size="35px"/><input type="text" name="voucher_no[]" value="" size="7px"/><input type="text" name="price[]" value="" size="7px"/><a href="javascript:void(0);" class="remove_button" title="Remove field"><img src="<?php echo base_url('images/remove-icon.png'); ?>"/></a></div>'; //New input field html 
    var x = 1; //Initial field counter is 1
    $(addButton).click(function(){ //Once add button is clicked
        if(x < maxField){ //Check maximum number of input fields
            x++; //Increment field counter
            $(wrapper).append(fieldHTML); // Add field html
        }
    });
    $(wrapper).on('click', '.remove_button', function(e){ //Once remove button is clicked
        e.preventDefault();
        $(this).parent('div').remove(); //Remove field html
        x--; //Decrement field counter
    });
});
</script>

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

相关问题 如何在Bootstrap中使用JavaScript动态添加文件? - How to add fileds dynamically using javascript with Bootstrap? 如何将“crossorigin”标签添加到动态加载的脚本中? - How do I add the “crossorigin” tag to a dynamically loaded script? 如何使用jquery或javascript获取具有相同名称属性的多个文件的值? - How do I get the values of multiple fileds having same name attribute using jquery or javascript? 如何动态添加脚本并运行它。 我可以将它添加到我的 html 代码中,但它没有被执行 - How do I add script dynamically and run it. I am able to add it to my html code, but it is not executed 如何使用 jquerys clone 和 append 将多个输入文件添加到 div - How to add multiple input fileds to a div using jquerys clone and append 如何在表格中使用angular js动态添加行? - How do I add a row dynamically using angular js in a table? 如何使用JavaScript在层次结构上动态添加控件? - How do I dynamically add controls on a hierarchical structure using JavaScript? 如何使用 jQuery 动态添加标签? - How do I add labels dynamically using jQuery? 如何在angularjs中删除请求对象中的文件 - How do I delete fileds in request object in angularjs 如何使用jquery,ajax和codeigniter将数据动态添加到表中 - How to add dynamically data into table using jquery, ajax & codeigniter
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM