як завантажити змінну сценарію Java в текстове поле моделі завантажувальної машини як значення


13

У мене є проблема із завантаженням змінної javascript у вікні введення моделі завантажувальної машини:

setTimeout(function() {
  swal({
      title: "OverTime Status!",
      text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department",
      type: "warning",
      confirmButtonText: "OK"
    },
    function(isConfirm) {
      if (isConfirm) {

        $('#hours_work').val(data.value); //data.value alert the correct value in here.but this value not load in to the bootstrap model text box 
        $('#overtime_requset').modal('show');
        clear_field();
      }
    });
}, 1);
<div class="modal" id="overtime_requset">
  <div class="modal-dialog ">
    <form id="overtime_requset_form">
      <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Sub OT Request</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>

        <!-- Modal body -->
        <div class="modal-body">
          <div class="form-group">
            <div class="input-daterange">
              <input type="text" name="from_date" id="from_date" class="form-control" value="<?php echo $_GET[" month "]; ?>" readonly />
              <span id="error_from_date" class="text-danger"></span>
              <span id="error_future_from_date" class="text-danger text-center"></span>
            </div>
          </div>
          <div class="form-group">
            <label class="text-info">Tolal Number Of Employee <?php echo get_total_employee_count($connect,$_SESSION["dept_Id"])?></br>
            <label>Add the addition number of OT hours requried</lable>
            <input type="text" name="hours_work" id="hours_work"  class="form-control" value=""/>
            <label class="text-secondary">Approved OT hours :   <?php echo GetApprovedOt($connect,$_SESSION["dept_Id"],$currentMonth)?></br></label><br>
            <label class="text-secondary">Pendding OT hours :  <?php echo GetPendingOt($connect,$_SESSION["dept_Id"],$currentMonth)?></label>
          </div>
        </div>
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" name="get_approval" id="get_approval" class="btn btn-info btn-sm">Get Approval</button>
          <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button>
        </div>

      </div>
    </form>
  </div>
</div>

data.value попереджає тут правильне значення. Але це значення не завантажується в текстове поле моделі завантажувальної машини. Яка моя помилка? Як це виправити? (Єдина проблема полягає в тому, щоб передати значення JavaScript не завантажувати в текстове поле збоку. Він може друкувати як HTML у тезі div)

Оновлення я використовував після завантаження cdn sweetAlert

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.css" />

Спробуйте функцію setText ()
Ahamed Safnaj

не працюйте, брато. Я думаю, що проблема - це щось інше
Code Kris

я думаю, ви не зв'язали файл JS. напишіть функцію оповіщення та переконайтеся, що ви пов’язали її ..
Арамед Сафнай

оповіщення (дані.значення); покажіть правильне значення
Code Kris

1
я використовую останній cdn 'sweetalert'
Code Kris

Відповіді:


5

Ваш розміщений код трохи не вистачає і має деякі помилки, все одно я намагався повторити вашу проблему, і я думаю, що я, можливо, змусив її працювати. Подивіться нижче фрагмент jsfiddle і перевірте, чи можете ви реалізувати у своєму коді, щоб він працював.

ПЕРЕВІРИТЕ ЦЕ ПОСИЛКУ ПЕРШЕ: https://jsfiddle.net/b1nary/je60gxv8/2/

ОНОВЛЕНО З СВІТЛОМ: https://jsfiddle.net/b1nary/je60gxv8/11/

setTimeout(function() {
    swal({
    title: "OverTime Status!",
    text: "You Need to get Sub OT Approval " + data_val + " Hours to Time allocate",
    type: "warning",
    showCancelButton: true,
    confirmButtonText: "Yes, do it",
    closeOnConfirm: false,
    html: false
  }, function(){
    swal("Deleted!",
    "Poof! Your number has been added to input box!",
    "success");
    $('#hours_work').val(data_val); 
    $('#overtime_requset').modal('show');
    //clear fields    
  });

}, 1000 );

Я використовував солодке оповіщення для bootstrap.not sweetalert
Code Kris

1
<link rel = "таблиця стилів" href = " cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/… " />
Code Kris


вище двох cdn для отримання попередження
Code Kris

якщо ви можете завантажити значення в текстове поле, я прийму вашу відповідь як правильну. будь-який спосіб дякую вам за ваш цінний внесок
Code Kris

3

Спробуйте це. Я думаю, що function(isConfirm)це проблема.

Вам потрібно використовувати функцію then ()

    swal({
      title: "OverTime Status!",
      text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department",
      type: "warning",
      showCancelButton: false
    }).then(function (result) {
        $('#hours_work').val(data.value);
        $('#overtime_requset').modal('show'); 
    });

модель також не працює в цьому випадку
Code Kris

1

Для полів введення форми вам потрібно використовувати val()замість text().

Приклад: $('#hours_work').val(data.value);


Btw. ви перевірили свій код? У наведеному вище коді відсутня подвійна цитата (кінцева цитата для класу), це може бути причиною вашої проблеми. <input type="text" name="hours_work" id="hours_work" class="form-control value=""/>
CodyKL

1

Перевірте синтаксис html

старий

<input type="text" name="hours_work" id="hours_work"  class="form-control value=""/>

нові

<input type="text" name="hours_work" id="hours_work"  class="form-control" value=""/>

і перевірити один за одним

$('#hours_work').val(data.value);
$('#hours_work').text(data.value);

всі намагаються bro .it не працює. Я думаю, що проблема - це щось інше
Code Kris

просто напишіть $ ('# hours_work'). val ('xyz'); у консолі та перевірте, чи працює чи помилка.
Аршад Шейх

спробуйте з var textbox = document.getElementById ('hours_work'); textbox.value = 'xyz';
Аршад Шайх

ваш 1 варіант також не надрукує значення
Code Kris

ей, будь ласка, напишіть цей javascript під модальним завантаженням
Arshad Shaikh

1

Вашу проблему можна вирішити, якщо ви просто використовуєте делегатів. Як замість прямого використання $('#hours_work').val(data.value); спробуйте з будь-яким батьківським референсом. вашого документа, наприклад, body. тому $('#hours_work',$('body')).val(data.value);

Ви можете використовувати будь-яку батьківську посилання свого модального діла. в якому замість тіла розміщений ваш модальний код. батьківський дів цього діва.

Це тому, що ваш будинок не знає елементів вашої моделі, якщо він динамічно завантажений.

Дайте мені знати, якщо це працює


1

Ви стикаєтеся з цією проблемою, оскільки ви намагаєтеся додати значення для поля #hours_work, яке ще не виведене в DOM, оскільки $('#overtime_requset').modal('show');рендерінг після присвоєння значення в $('#hours_work').val(data.value);полі та вводу є частиною Моделі, тому вам потрібно просто додати модель, а потім призначити значення полі введення:

setTimeout(function() {
swal({
   title: "OverTime Status!",
   text: "You Need to get Sub OT Approval " + data.value + " Hours to Time 
  allocate in the department",
   type: "warning",
   confirmButtonText: "OK"
 },
 function(isConfirm) {
   if (isConfirm) {

    $('#overtime_requset').modal('show');
    $('#hours_work').val(data.value);
   }
 });
 }, 1);

це не так, я спробую. це не працює
Code Kris

Просто переконайтеся, що функція 'clear_field ()' не є очищаючим значенням вводу, яке ви призначили.
Сарвеш Махаджан

@ nipun258, якщо це вирішить вашу проблему, оцініть, чи зможете ви проголосувати та позначити відповідь, дякую
Сарвеш Махаджан

жодних проблем досі не виникає. Я скажу, що функція чіткого поля працює
Код

1

Я працював над Вашими вимогами та працює на мене, будь ласка, запустіть нижче код, як локально:

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script>
setTimeout(function() {
    var myArray = {id1: 100, id2: 200};

     swal({
      title: "OverTime Status!",
      text: "You Need to get Sub OT Approval "+ myArray.id1+ "  Hours to Time allocate in the department",
      type: "warning",
      confirmButtonText: "OK"

    },
    function(isConfirm) {
      if (isConfirm) {

        $('#hours_work').val(myArray.id1); //data.value alert the correct value in here.but this value not load in to the bootstrap model text box 
        $('#overtime_requset').modal('show');

      }
      else{
          console.log("test");
      }
    });
}, 1);
 </script>


    <div class="modal" id="overtime_requset">
  <div class="modal-dialog ">
    <form id="overtime_requset_form">
      <div class="modal-content">


        <div class="modal-header">
          <h4 class="modal-title">Sub OT Request</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>


        <div class="modal-body">
          <div class="form-group">
            <div class="input-daterange">
              <input type="text" name="from_date" id="from_date" class="form-control" value="" readonly />
              <span id="error_from_date" class="text-danger"></span>
              <span id="error_future_from_date" class="text-danger text-center"></span>
            </div>
          </div>
          <div class="form-group">
            <label class="text-info">Tolal Number Of Employee </br>
            <label>Add the addition number of OT hours requried</lable>
            <input type="text" name="hours_work" id="hours_work"  class="form-control" value=""/>
            <label class="text-secondary">Approved OT hours :   </br></label><br>
            <label class="text-secondary">Pendding OT hours :</label>
          </div>
        </div>

        <div class="modal-footer">
          <button type="button" name="get_approval" id="get_approval" class="btn btn-info btn-sm">Get Approval</button>
          <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button>
        </div>

      </div>
    </form>
  </div>
</div>

1
дякую сестра. Але я вже вирішив свою проблему
Code Kris

@CodeKris О, це добре! :)
Кришна Савані

0

Будь ласка, напишіть цей javascript у режимі завантаження

<div class="modal" id="overtime_requset">
....
<script>
setTimeout(function () { 
           swal({
             title: "OverTime Status!",
             text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department",
             type: "warning",
             confirmButtonText: "OK"
            },
         function(isConfirm){
            if (isConfirm) {

               $('#hours_work').text(data.value);//data.value alert the correct value in here.but this value not load in to the bootstrap model text box 
               $('#overtime_requset').modal('show');
               clear_field();
              }
           }); }, 1);
</script>
</div>

0

Якщо ви визначили dataоб’єкт і clear_fieldфункцію JavaScript і, викликали бібліотеки JQuery і Bootstrap. Проблем із кодом не виникне.

Перевірте цю сторінку JSFiddle: https://jsfiddle.net/1x6t3ajp

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.