قراءة قيم من حقل عند حدث تغيير قيمته change باستعمال jquery

  بتاريخ On 15‏/1‏/2022 at 21:26 قال Hafsa Aly:

عذرا ولكن لم افهم 

لماذا لم ترسل مع الفورم عند عمل  submit  مثل باقي ال contols

أظهر المزيد  

الطريقة التي شرحتها هي التي تعمل مع change.

*****

أما في حالتك، تريدين القيمة النهائية لاختيار المستخدم، فلا حاجة ل change .

نقرأها بطريقة عادية !

$('#form1').submit(function (e) {
  e.preventDefault();
  var num1 = $('#text1').val();
  var num2 = $('#text2').val();
  if (num1 != null && num2 != null) {
    $('#demo1').html(num1);
    $('#demo2').html(num2);

    // select
    var nam1 = $('#sel1 option:selected');
    $('#table_d').html(nam1.text());

    $("#myModal").modal('hide');

  }

});

وضعتها ضمن الشرط لأنه يجب إدخال أرقام و يمكنك وضع شروط إضافية

  بتاريخ On 15‏/1‏/2022 at 18:28 قال Hafsa Aly:

السلام عليكم قمت باضافة select control  لل modal  ولكن ايضا يظهر لدي مشكلة في الكود 

أظهر المزيد  

هل تستخدمين form1 أيضاً؟

  بتاريخ On 15‏/1‏/2022 at 18:28 قال Hafsa Aly:

$('#form1').submit(function(e){

أظهر المزيد  

  بتاريخ On 15‏/1‏/2022 at 18:47 قال Wael Aljamal:

هل تستخدمين form1 أيضاً؟

 

أظهر المزيد  

نعم عند ادخال قيم بال inputs  ثم اختيار قيمة من  select control  اقوم بعمل  submit  لل form

  بتاريخ On 15‏/1‏/2022 at 20:24 قال Hafsa Aly:

نعم عند ادخال قيم بال inputs  ثم اختيار قيمة من  select control  اقوم بعمل  submit  لل form

أظهر المزيد  

أرجو إرفاق صفحة HTLM مع جافاسكربت

  بتاريخ On 15‏/1‏/2022 at 20:28 قال Wael Aljamal:

أرجو إرفاق صفحة HTLM مع جافاسكربت

أظهر المزيد  

result.blade.rarFetching info...

result.blade.rar

  بتاريخ On 15‏/1‏/2022 at 20:31 قال Hafsa Aly:

result.blade.rarFetching info...

result.blade.rarFetching info...

أظهر المزيد  

لم أفهم بالضبط المشكلة الحاصلة هل يمكنك إرفاق مثال مصور

 هل وصلت اليك الصفحة

  بتاريخ On 15‏/1‏/2022 at 20:45 قال Hafsa Aly:

 هل وصلت اليك الصفحة

أظهر المزيد  

نعم أرفت صور ( الأرقام تضاف للصفحة) 

ولكن كما تعلمين هي صفحة php تحتاج لمخدم

  بتاريخ On 15‏/1‏/2022 at 20:48 قال Wael Aljamal:

نعم أرفت صور ( الأرقام تضاف للصفحة) 

ولكن كما تعلمين هي صفحة php تحتاج لمخدم

 

أظهر المزيد  

نعم الارقام يتم اضافتها ولكن عند اختيار قيمة عادي او مستعجل من  select control  ليتم اضافتها بجانب الكلمه قرش جنية  لايتم اضافتها فما السبب

  بتاريخ On 15‏/1‏/2022 at 20:51 قال Hafsa Aly:

نعم الارقام يتم اضافتها ولكن عند اختيار قيمة عادي او مستعجل من  select control  ليتم اضافتها بجانب الكلمه قرش جنية  لايتم اضافتها فما السبب

أظهر المزيد  

المشكلة أن الدالة التي تستجيب لحدث التغيير لديكِ مكتوبة ضمن دالة الإرسال، فلا يتم إضافة التنصت للتغير إلى بعد عمل submit للصفحة.

الحل هو وضع الدالة بشكل منفصل ضمن الدالة ready

<script>
  $(document).ready(function () {

    $("#myModal").modal('show');

    $('#form1').submit(function (e) {
      e.preventDefault();
      var num1 = $('#text1').val();
      var num2 = $('#text2').val();
      if (num1 != null && num2 != null) {
        $('#demo1').html(num1);
        // $('#demo1').css({ color:'red' });
        $('#demo2').html(num2);
      }

      // $("#sel1").change();                       خطأ


      $("#myModal").modal('hide');
    });

    //                                                     ////// هنا
    $("#sel1").change(function (e) {
      var nam1 = $('#sel1 option:selected');
      console.log(nam1)
      $('#table_d').html(nam1.text());
    });

    $('#print-btn').on('click', function () {
      window.print();
    });

  });

  بتاريخ On 15‏/1‏/2022 at 21:00 قال Wael Aljamal:

المشكلة أن الدالة التي تستجيب لحدث التغيير لديكِ مكتوبة ضمن دالة الإرسال، فلا يتم إضافة التنصت للتغير إلى بعد عمل submit للصفحة.

الحل هو وضع الدالة بشكل منفصل ضمن الدالة ready

<script>
  $(document).ready(function () {

    $("#myModal").modal('show');

    $('#form1').submit(function (e) {
      e.preventDefault();
      var num1 = $('#text1').val();
      var num2 = $('#text2').val();
      if (num1 != null && num2 != null) {
        $('#demo1').html(num1);
        // $('#demo1').css({ color:'red' });
        $('#demo2').html(num2);
      }

      // $("#sel1").change();                       خطأ


      $("#myModal").modal('hide');
    });

    //                                                     ////// هنا
    $("#sel1").change(function (e) {
      var nam1 = $('#sel1 option:selected');
      console.log(nam1)
      $('#table_d').html(nam1.text());
    });

    $('#print-btn').on('click', function () {
      window.print();
    });

  });

 

أظهر المزيد  

عذرا ولكن لم افهم 

لماذا لم ترسل مع الفورم عند عمل  submit  مثل باقي ال contols