duanqiao0153 2015-06-23 05:20
浏览 106
已采纳

如何使用带脚本的codeIgniter动态添加字段？

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.

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

  • 写回答

1条回答 默认 最新

  • dongxie548548 2015-07-02 09:46
    关注

    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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题，上传的坐标文件里是怎么对无序点进行编号的，以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 关于大棚监测的pcb板设计
  • ¥15 stm32开发clion时遇到的编译问题
  • ¥15 lna设计 源简并电感型共源放大器
  • ¥15 如何用Labview在myRIO上做LCD显示？(语言-开发语言)
  • ¥15 Vue3地图和异步函数使用
  • ¥15 C++ yoloV5改写遇到的问题