Question

i have a form in my view page …..as i want to send data through jquery or ajax because i dont want to reload or refresh the page . i am sending data through jquery serialize.. but all the fields are not submitting through serialize.. here first dropdown which is “supplier” is going empty .. means jquery serialize is not capturing his value and i think there may be same situation for the rest of others .. why is that so ..here is my view page
my form name and id is “form”

  <?php  echo form_open('stockInController/addStockIn', $attributes);?>

 <!-- Supplier -->


Select a Supplier

 <select name="sup_id" id="sup_id" class='cho'>
  <option id="y" value="0">--Select--</option>
  <?php foreach($records1 as $r) { ?>
  <option value="<?=$r->sup_id?>">
   <?=$r->sup_name?>
  </option>
  <?php } ?>
  </select>

<!-- end of Supplier -->



     Date:<?php echo form_input($date); ?>
     Bill No: <?php echo form_input($bill_no); ?>




 <table>
  <tr>
   <th>Category:</th>
   <th>Items:</th>
   <th>Selling Price:</th>
   <th>quantity:</th>
   <th>total:</th>
  </tr>

        <?php for ($i = 0; $i < 5; $i++) { ?>
  <tr>
      <td>
         <?php echo form_dropdown ('cat_id'.$i,   $records2,'#',     "id='category_".$i."'onchange='getItems(this.value,".$i.")' ");?>
   </td>




       <td> <?php echo form_dropdown('item_id'.$i, $records3, '#',    "id='items_".$i."'"); ?>

   </td>




<td> <input type="text" name = "price_<?php echo $i ?>" id = "price_<?php echo $i  ?>"    echo "$i"?>)'>
   </td>

     <td><input type="text" name = "quantity_<?php echo $i ?>"
                           id = "quantity_<?php echo $i ? >"  echo "$i"?>)'>
   </td>

   <td><input type="text"name = "total_<?php echo $i ?>" id = "total_<?php echo $i ?>">
   </td>
  </tr>


  <?php }?>

  <tr>

      <td>
    <?php echo form_button($button); ?>
    <?php form_close();?>
   </td></tr>

here is my jquery function

     $('#btn').click(function(event) {
    form = $("#form").serialize();

  $.ajax({
    type: "POST",
    url: "<?php  echo site_url('stockInController/addStockIn'); ?
    data: form,

    success: function(data){
   alert("true");

    }

  });
  event.preventDefault();
  return false;

}); 

Answer 1

First make sure you are captuering the form object. Try capturing form with id.

 <?php  echo form_open('stockInController/addStockIn', "id = 'form_id'");?>

With JQuery

var form = $('#form_id').serialize();

Also defining a variable in javascript requires VAR keyword which you are missing.
The third thing you are missing ” in url

url: "<?php  echo site_url('stockInController/addStockIn'); ?>"