ড্রপডাউন তালিকার পরিবর্তনে ফর্ম কীভাবে জমা করবেন?

Question

আমি জেএসপিতে একটি পৃষ্ঠা তৈরি করছি যেখানে আমার একটি ড্রপডাউন তালিকা রয়েছে এবং ব্যবহারকারী একবার তার একটি গোছা বাছাই করে যান বো বোতামে ক্লিক করতে হবে এবং তারপরে মানটি সার্লেলে প্রেরণ করা হবে।

            </select>
            <input type="submit" name="GO" value="Go"/>

আমি কীভাবে এটি তৈরি করব যাতে এটি পরিবর্তিত হয়? উদাহরণস্বরূপ, ব্যবহারকারী জনকে বেছে নেওয়ার সময় তার সমস্ত বিবরণ ডিবি থেকে ফিরে পাওয়া যায় এবং প্রদর্শিত হয়। আমি চাই বো বোতামটি ক্লিক না করে সিস্টেমটি এটি করুক।

Answer 1

কেবল জাভাস্ক্রিপ্টের সহায়তা জিজ্ঞাসা করুন।

<select onchange="this.form.submit()">
    ...
</select>

আরো দেখুন:

• এইচটিএমএল কুকুর - জাভাস্ক্রিপ্ট টিউটোরিয়াল

Comments

প্রচুর ব্যবহারকারী জাভাস্ক্রিপ্ট অবরুদ্ধ করেন, জাভাস্ক্রিপ্ট ছাড়া এটি করার কোনও উপায় আছে কি?

— deweydb

@ দেউইডিবি: না আমি অন্যথায় এর উত্তর দিতাম :) কেবল একটি <noscript>ব্যানার দেখান যে জেএস সক্ষম থাকলে সাইটের অভিজ্ঞতা আরও ভাল। একেবারে ভিন্ন বিকল্প হ'ল <ul><li><input type="submit">সিএসএসের বোঝা ব্যবহার করে ছুঁড়ে ফেলা হয় এটি এটিকে সত্য ড্রপডাউন তালিকার মতো দেখায়। তবে তার আর কোনও উপায় <select>নেই।

— বালাসসি

@deweydb "প্রচুর ব্যবহারকারী জাভাস্ক্রিপ্ট অবরুদ্ধ করে ..." উদ্ধৃতি? আমি সত্যই এমন কোনও ব্যবহারকারীর সামনে আসিনি যা জাভাস্ক্রিপ্টকে অবরুদ্ধ করে - আমি বিশ্বাস করতে শুরু করেছি যে এই ব্যবহারকারীরা একটি মিথকথা। এটি তাদের অর্ধেক ইন্টারনেট ব্যবহার থেকে বিরত রাখবে, একটি জিনিসের জন্য; এবং যে কেউ স্ক্রিপ্ট ব্লক করতে যথেষ্ট বুদ্ধিমান বোধহয় এটি কতটা নির্দোষ এবং সর্বব্যাপী তা সম্পর্কে সচেতন।

— নাথান হর্নবি

@ বালুসসি দয়া করে এমন লোকদের জন্য এটি যোগ করুন যা ব্যবহারকারীরা জাভাস্ক্রিপ্ট সক্ষম না <noscript>This form requires that you have javascript enabled to work properly please enable javascript in your browser.</noscript> করায় চিন্তিত আছেন @ নাথান হর্নবি যদি আপনি সত্যিই একটি উদ্ধৃতি চান তবে সুরক্ষা কারণেই আপনি বেশিরভাগ পাবলিক লাইব্রেরির ব্লক জাভাস্ক্রিপ্টে কেন যেতে চান না এবং কিছু স্কুলও তাই ডন ' এটি এটি একটি পৌরাণিক কাহিনী হিসাবে প্রকাশ করার চেষ্টা করবেন না এবং কম্পিউটারের অখণ্ডতা বজায় রাখার জন্য সুরক্ষা কারণে মূলত এটি করা হচ্ছে কারণ কিছু জাভাস্ক্রিপ্ট দূষিত কোড ...

— বেলডান্ডু

@deweydb এটি সহজ। কেবল ট্যাগগুলিতে একটি submitবোতাম রাখুন <noscript>। এটি ব্যবহারকারীদের নোস্ক্রিপ্ট ব্যবহার করলেই তা প্রদর্শিত হবে। জেএস সক্ষম হওয়া ব্যবহারকারীরা সহজ উপাদানটি নির্বাচন করতে পারেন এবং নসক্রিপ্ট সহ ব্যবহারকারীরা কেবল জমা দিন বোতামটি ক্লিক করবেন। :)

— হারুন

Answer 2

সরল জাভাস্ক্রিপ্ট করবে -

<form action="myservlet.do" method="POST">
    <select name="myselect" id="myselect" onchange="this.form.submit()">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
    </select>
</form>

এখানে একটি ভাল জাভাস্ক্রিপ্ট টিউটোরিয়াল জন্য একটি লিঙ্ক আছে ।

Comments

ধন্যবাদ! সর্বোপরি এমভিসি-র জন্য খুব বেশি @ ব্যবহার করে কাজ করা হয়েছে (এইচটিএমএল.বেগিনফর্ম ("অ্যাকশনাম", "কন্ট্রোলার নাম", ফর্মমেথোড.পোস্ট)) <নাম নির্বাচন করুন "" মাইলেক "আইডি =" মাইলেক্টেল "ওচেন্জ =" এই.ফর্ম.সামবিত () "> <অপশন মান =" 1 "> এক </option> <বিকল্প মান =" 2 "> দুটি </ translation> <বিকল্প মান =" 3 "> তিনটি </ translation> <বিকল্প মান =" 4 " > ফোর </

— translation

Answer 3

this.form.submit()আপনি আইডি বা নাম দিয়ে জমা দেওয়ার ব্যবহার ছাড়া অন্য । উদাহরণস্বরূপ আমি এই মত ফর্ম আছে:<form action="" name="PostName" id="IdName">

1. নামে : <select onchange="PostName.submit()">

2. আইডি দ্বারা: <select onchange="IdName.submit()">

Comments

কোন জাভাস্ক্রিপ্ট প্রয়োজন!

— মাইকি

আমি মনে করি 'জমা ()' হ'ল এইচটিএমএল উপাদান। জাভাস্ক্রিপ্ট না। সিএমআইআইডাব্লু

— স্যাট ওয়েডো

আমি জানি, এটাই আমার মন্তব্যে বোঝানো হয়েছিল। আমি আপনাকে কিছু প্রপস দেওয়ার চেষ্টা করছিলাম :-)

— মাইকি

অপেক্ষা করুন, এটি কি গুরুত্ব সহকারে জাভাস্ক্রিপ্ট নয়?

— জেমস হগ

* বৈশিষ্ট্যের ভিতরে ভিতরে যে কোনও কিছু লেখা জাভাস্ক্রিপ্ট হিসাবে ব্যাখ্যা করা হয়। সুতরাং PostName.submit () জাভাস্ক্রিপ্ট।

— আসিফ শাহজাদ

Answer 4

উপরের উত্তরে যারা তাদের কাছে। এটি অবশ্যই জাভাস্ক্রিপ্ট। এটা ঠিক ইনলাইন।

আপনি যদি সমস্ত বাছাই করতে প্রয়োগ করতে চান তবে বিটিডব্লিউ jQuery সমতুল্য:

$('form select').on('change', function(){
    $(this).closest('form').submit();
});