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

بتاريخ 17 دقائق مضت قال Hafsa Aly:

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

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

بتاريخ 18 دقائق مضت قال Hafsa Aly:

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

بتاريخ 1 ساعة قال Wael Aljamal:

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

 

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

بتاريخ 3 دقائق مضت قال Hafsa Aly:

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

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

بتاريخ 3 دقائق مضت قال Wael Aljamal:

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

result.blade.rar

result.blade.rar

بتاريخ 5 دقائق مضت قال Hafsa Aly:

result.blade.rar

result.blade.rar

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

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

بتاريخ 2 دقائق مضت قال Hafsa Aly:

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

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

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

بتاريخ 1 دقيقة مضت قال Wael Aljamal:

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

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

 

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

بتاريخ 6 دقائق مضت قال 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();
    });

  });

بتاريخ 25 دقائق مضت قال 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

بتاريخ 1 دقيقة مضت قال 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');

  }

});

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