মান হিসাবে বুটস্ট্র্যাপ মডেল পাঠ্য বাক্সে জাভা স্ক্রিপ্ট ভেরিয়েবল কীভাবে লোড করবেন


13

বুটস্ট্র্যাপ মডেল ইনপুট বাক্সে জাভাস্ক্রিপ্ট ভেরিয়েবল লোডে আমার কিছু সমস্যা আছে:

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>

ডেটা.ভ্যালু এখানে সঠিক মান সতর্ক করে। তবে এই মানটি বুটস্ট্র্যাপের মডেল পাঠ্য বাক্সে লোড হয় না। আমার ভুল কি? আমি কীভাবে এটি ঠিক করব? (কেবল সমস্যাটি জাভাস্ক্রিপ্টের মানটি পাঠ্য ক্ষেত্রের পাশের অংশে লোড না করা হয় div এটি ডিভ ট্যাগের মধ্যে এইচটিএমএল হিসাবে মুদ্রণ করতে পারে)

আপডেট আমি নিম্নলিখিত সিডিএন মিষ্টিআলার্ট বুস্ট্র্যাপ ব্যবহার

<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" />


কাজ করবেন না। আমি মনে করি সমস্যা অন্যরকম
কোড ক্রিস ২

আমি মনে করি আপনি জেএস ফাইলটি লিঙ্ক করেন নি। একটি সতর্কতা ফাংশন লিখুন এবং আপনি এটি লিঙ্ক করেছেন তা নিশ্চিত করুন ..
আহমেদ সাফনাজ

সতর্কতা (data.value); সঠিক মানটি দেখান
কোড ক্রিস

1
আমি সর্বশেষ সিডিএন 'সুইটলেট "ব্যবহার করি
কোড ক্রিস

উত্তর:


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 জন্য মিষ্টি সতর্কতা ব্যবহৃত
কোড ক্রিস

1
<লিঙ্ক rel = "স্টাইলশিট" href = " cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/… " />
কোড ক্রিস


সতর্কতা পেতে দুটি সিডনির উপরে
কোড ক্রিস

যদি আপনি পাঠ্য বাক্সে মান লোড করতে পারেন আমি correct.any পথ খুব তোমাকে ধন্যবাদ আপনার মূল্যবান অবদান হিসেবে আপনার উত্তর গ্রহণ করবে
কোড ক্রিস

3

এটা চেষ্টা কর. আমার মনে function(isConfirm)হয় সমস্যা।

আপনার তখন () ফাংশনটি ব্যবহার করা দরকার

    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'); 
    });

মডেল এছাড়াও এই ক্ষেত্রে কাজ করে না
কোড ক্রিস

1

ফর্ম ইনপুট ক্ষেত্রগুলির জন্য আপনার val()পরিবর্তে ব্যবহার করতে হবে text()

উদাহরণ: $('#hours_work').val(data.value);


BTW। আপনি কি আপনার কোড পরীক্ষা করেছেন? আপনি উপরে যে কোডটি পোস্ট করেছেন তাতে একটি ডাবল উক্তি অনুপস্থিত (শ্রেণির শেষ উদ্ধৃতি) রয়েছে, এটি সম্ভবত আপনার সমস্যার কারণ হতে পারে। <input type="text" name="hours_work" id="hours_work" class="form-control value=""/>
কোডিএলএল

1

আপনি এইচটিএমএল সিনট্যাক্স পরীক্ষা করুন

পুরাতন

<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);

সবাই চেষ্টা করছেন ভাই .কিন্তু কাজ করছেন না। আমি মনে করি সমস্যাটি অন্য কিছু
কোড ক্রিস

কেবল $ ('# ঘন্টা_কর্ম') লিখুন। ('xyz'); কনসোলে এবং এটি কাজ করছে কিনা তা পরীক্ষা করুন বা ত্রুটি দিন।
আরশাদ শাইখ

var টেক্সটবক্স = ডকুমেন্ট.জেট এলিমেন্টবিওয়াইআইডি ('ঘন্টা_ ওয়ার্ক') দিয়ে চেষ্টা করুন; textbox.value = 'xyz';
আরশাদ শাইখ

আপনার 1 বিকল্পটিও মানটি মুদ্রণ করে না
কোড ক্রিস

আরে, দয়া করে এই জাভাস্ক্রিপ্টটি বুটস্ট্র্যাপ মডেলের অধীনে লিখুন
আরশাদ শাইখ

1

আপনি যদি কেবল প্রতিনিধি ব্যবহার করেন তবে আপনার সমস্যার সমাধান হতে পারে। সরাসরি ব্যবহারের পরিবর্তে $('#hours_work').val(data.value);যেকোন পিতা-মাতার প্রতিশ্রুতি দিয়ে চেষ্টা করুন। আপনার নথির যেমন বডি। সুতরাং $('#hours_work',$('body')).val(data.value);

আপনি আপনার মডেল ডিভের যে কোনও পিতামাতার রেফারেন্স ব্যবহার করতে পারেন। এতে আপনার মোডাল কোডটি দেহের পরিবর্তে স্থাপন করা হয়েছে। এই ডিভ এর পিতামাতার ডিভ।

এটি কারণ আপনার ডমটি আপনার মডেল উপাদানগুলি সচেতন নয় যদি এটি গতিশীলভাবে লোড হয়।

যদি এটি কাজ করে তবে আমাকে জানান


1

আপনি এই সমস্যার মুখোমুখি হচ্ছেন কারণ আপনি এমন একটি ক্ষেত্রে মূল্য যুক্ত করার চেষ্টা করছেন #hours_workযা এখনও ডিওমে রেন্ডার হয়নি, যেমন $('#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);

এটি কেস নয়, আমি চেষ্টা করে দেখছি .এটি কাজ করছে না
কোড ক্রিস

আপনি নিশ্চিত করেছেন যে 'ক্লিয়ার_ফিল্ড ()' ফান্ট ইনপুটটির সাফ করার মান নয় make
সর্বেশ মহাজন

@ nipun258, যদি আপনার সমস্যা solves, যদি আপনি ভোট দিতে ও উত্তর চিহ্নিত করতে পারেন প্রশংসা, ধন্যবাদ
Sarvesh মহাজন

এখনও কোন সমস্যা দেখা দেয়নি। আমি বলি পরিষ্কার ক্ষেত্রটি এটি কাজ করছে
কোড ক্রিস

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
আপনাকে ধন্যবাদ বোন। তবে আমি ইতিমধ্যে আমার সমস্যার সমাধান করেছি
কোড ক্রিস

পছন্দ করুন :)
কৃষ্ণ সাভানী

0

এই জাভাস্ক্রিপ্ট বুটস্ট্র্যাপ মডেল অধীনে লিখুন

<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ফাংশনটি সংজ্ঞায়িত করেন এবং বলা হয় JQuery এবং বুটস্ট্র্যাপ লাইব্রেরি। আপনার কোড নিয়ে কোনও সমস্যা হবে না।

এই জেএসফিডেল পৃষ্ঠাটি দেখুন: https://jsfiddle.net/1x6t3ajp

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.