اذهب إلى المحتوى

السؤال

نشر

أريد إخفاء حقل لتحميل ملف، وإظهاره بعد الضغط على رابط href، وبعد رؤية العديد من الأمثلة، توصلت إلى هذا الكود الذي يمثل كود Html و كود Jquery:

<input id="ad-docs[]" type="file" name="ad-docs[]" multiple="multiple" style="display:none;"/>
    <a id="upload_link" class="button-link button-link-blue">BROWSE</a>

jquery:

$("#upload_link").click(function(){
    $("#ad-docs[]").click();
});

ولا أعلم أين موضع الخطأ، أم أن الكود لا يصلح لهذا الغرض؟ ما الحل الذي بإمكاني فعله لحل المشكل؟

Recommended Posts

  • 0
نشر

الطريقة التي اتبعت هي الصحيحة، فقط هناك خطأ ارتكبته أثناء كتابتك للكود، حيث من الواجب كتابة المحدد id في كود javascript داخل []، أي أن الكود السابق سيصبح بالشكل التالي:

$("#upload_link").click(function(){
    $("[id='ad-docs[]']").click();
});

وكود html سيبقى كما هو:

<input id="ad-docs[]" type="file" name="ad-docs[]" multiple="multiple" style="display:none;"/>
    <a id="upload_link" class="button-link button-link-blue">BROWSE</a>

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...