получить значение из поля ввода html на странице PHP без перезагрузки страницы

Question

<div class="col-md-6">
     <label class="control-label"><span class="text-danger">*</span>Journey Days</label>
     <div class="form-group">
        <input type="number" name="day" class="form-control" >
            <?php echo $this->input->post('day');?> </input>
        <span class="text-danger"> <?php echo form_error('day');?></span>
     </div>
</div>

Если установлено значение name = "day" , то как я могу получить значение этого дня?Я хочу сделать так,

<?php
  if (isset($day))
    { print $day ; } 
   else { print " day is not set  " ;} ?>

Answer 1

Из этой формы теперь я должен получить значение name = "day".

<script>
var dayValue= document.getELementByName("name").value 
</script>

Answer 2

Вы можете использовать ajax в jquery для получения значения без перезагрузки страницы.

Answer 3

Использовать этот jquery Script.

<input type="number" name="day" class="form-control" id="day">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script type="text/javascript"> 

   $(document).on('change', '#day', function(){
      var day = $('#day').val(); 
      alert(day);
    });

</script>

Вы можете использовать изменение или ввод или onkeyup.Изменить после щелчка снаружи, чем запускать этот скрипт, вводить каждый тип букв и запускать этот скрипт onkeyup для каждого типа букв и запускать этот скрипт так же, как ввод.

Спасибо

Answer 4

Чтобы получить значения из полей ввода без перезагрузки страницы, вам придется использовать javascript.Присвойте своему входному тегу идентификатор типа «день»

<input type="number" name="day" class="form-control" id="day">

Используйте javascript для получения значения.Конечно, этот код должен быть в функции, которую вы вызываете при изменении ввода.

<script type="text/javascript"> var day = document.getElementById('day').value; </script>

В конце это выглядит примерно так, слушатель события onchange вызывает вашу функцию, когда значение внутри ввода имеетизменено:

<input type="number" name="day" class="form-control" id="day" onchange="alertDay()">

<script type="text/javascript"> 
function alertDay() {
    var day = document.getElementById('day').value; 
    alert(day);
}
</script>