HTML-Eingabewert an JavaScript senden

Question

Ich weiß nicht, was mit meinem Code nicht stimmt, es hat nicht funktioniert.

Mein Controller:

public function add_user_driver() 
{ 
    if(!$this->user_permission->check_permission())return; 
     $plate_number    = $this->input->post('plate_number'); 
     $location_id    = $this->input->post('location_id'); 

     $data_user = array(
      'plate_number'    => $plate_number, 
      'location_id'    => $location_id, 
      ); 

     $this->db->insert('user_driver', $data_user);   
    echo json_encode(array("plate_number" => $plate_number, "location_id" => $location_id)); 

} 

Aussicht:

<div class="modal fade" id="usermodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
     <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title" id="myModalLabel">USER_DRIVER</h4> 
      </div> 
      <div class="modal-body" id='add'> 
      <div class="row" id="form_pesan"> 

       <input type="hidden" name="id" id="id" /> 
       <div class="col-sm-6"> 
       <input type="text" class="form-control input-lg" id="plate_number" name="plate_number" placeholder="Plate Number" required> 
       </div> 

       <div class="col-sm-6"> 
       <input type="text" class="form-control input-lg" id="location_id" name="location_id" placeholder="Location Id" required> 
       </div> 

      </div> 
      </div> 
      <div class="modal-footer"> 
      <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button id="add" type="button" class="btn btn-primary btn-md" onclick=add()>Add</button> 
      </div> 
     </div> 
     <div id="form_submit_result"></div> 
     </div> 
    </div> 

JavaScript:

$(document).ready(function(){ 
    matchFormFields = "#form_pesan input[required]"; 

    matchFormSubmitResult = "#form_submit_result"; 

    errorColor = 'red'; 
}); 

function add(){ 
    var formIsValid = true; 
    $(matchFormFields).each(function() { 
     $(this).css('border-color', ''); 
     if(!$.trim($(this).val())) { 
      $(this).css('border-color', errorColor); 
      formIsValid = false; 
     } 
    }); 
    if (formIsValid) { 
     plate_number = $("#plate_number").val(); 
     location_id = $("#location_id").val(); 
     $.ajax 
     ({ 
      url : "<?php echo site_url('admin/add_user_driver')?>/", 
      type: "POST", 
      dataType: "text", 
      data:{plate_number: plate_number, location_id: location_id}, 
      success: function(data) 
      {  
       $("#usermodal").modal("hide"); 
       $("#alert").show(); 
       //location.reload(); 
      }, 
      error: function (jqXHR, textStatus, errorThrown) 
      { 
       notify('Error data'); 
      } 

     }); 
    }; 
} 

ich aus dem Eingabetext einreichen Wert wollen JavaScript add Funktion, aber irgendwie, die .val() gibt den tatsächlichen Wert nicht zurück. Was habe ich falsch gemacht?

Answer 1

bitte versuchen Sie es mit diesen

datatype: "json" 

oder

datatype: "text" 
JSON.stringify({plate_number: plate_number, location_id: location_id}) 

Answer 2

var abc = $("#plate_number").val(); 
alert(abc); 
return false; 

Sie können die Variable abc in Javascript verwenden.