আমি কি এইচটিএমএল 5 এর <se নির্বাচন> ক্ষেত্রে প্রয়োজনীয় বৈশিষ্ট্যটি প্রয়োগ করতে পারি?

Question

কোনও ব্যবহারকারী <select>এইচটিএমএল 5 এর ক্ষেত্র থেকে কিছু নির্বাচন করেছে কিনা তা আমি কীভাবে পরীক্ষা করতে পারি ?

আমি দেখতে পাচ্ছি <select>যে নতুন requiredবৈশিষ্ট্যটি সমর্থন করে না ... তখন কি আমাকে জাভাস্ক্রিপ্ট ব্যবহার করতে হবে? নাকি আমি এখানে কিছু মিস করছি? : /

Comments

আপনি যদি ক্রস ব্রাউজারের সামঞ্জস্যের যে কোনও স্তরের বিষয়ে আগ্রহী হন তবে আপনাকে সম্ভবত জাভাস্ক্রিপ্ট ব্যবহার করতে হবে। আপনি যে বৈশিষ্ট্যটি চান তা হ'ল selectedIndex।

— লুক স্নেরিঞ্জার

এইচটিএমএল 5 স্পেশনের বর্তমান সম্পাদকের খসড়া অনুসারে (6 আগস্ট 2011), নির্বাচিত উপাদানটির একটি প্রয়োজনীয় বৈশিষ্ট্য রয়েছে। "প্রয়োজনীয় বৈশিষ্ট্যটি বুলিয়ান বৈশিষ্ট্য specified dev.w3.org/html5/spec/Overview.html#the-select-eament

— james.garriss 9:25

Answer 1

বাধ্যতামূলক : খালি মানগুলিতে প্রথম মানটি খালি - প্রয়োজনীয় কাজ করুন

পূর্বশর্তসমূহ : সঠিক html5 DOCTYPE এবং একটি নামযুক্ত ইনপুট ক্ষেত্র

<select name="somename" required>
<option value="">Please select</option>
<option value="one">One</option>
</select>

অনুযায়ী ডকুমেন্টেশন (তালিকা এবং গাঢ় খনি হয়)

প্রয়োজনীয় বৈশিষ্ট্যটি বুলিয়ান বৈশিষ্ট্য।
নির্দিষ্ট করা থাকলে, ব্যবহারকারীকে ফর্মটি জমা দেওয়ার আগে একটি মান নির্বাচন করতে হবে।

যদি একটি উপাদান নির্বাচন করুন

• একটি নির্দিষ্ট বৈশিষ্ট্য নির্দিষ্ট করা আছে,
• একাধিক বৈশিষ্ট্য নির্দিষ্ট করা নেই,
• এবং এর প্রদর্শনের আকার 1 রয়েছে (SIZE = 2 বা তার বেশি নেই - প্রয়োজন না হলে এটি বাদ দিন);
• এবং যদি নির্বাচনের উপাদানগুলির বিকল্পগুলির তালিকাতে প্রথম বিকল্প উপাদানটির মান (যদি থাকে তবে) খালি স্ট্রিং (যেমন উপস্থিত value=""),
• এবং সেই বিকল্পের মৌলিক নোডটি হ'ল নির্বাচন উপাদান (এবং কোনও অপগ্রুপ উপাদান নয়),

তারপরে সেই বিকল্পটি হল নির্বাচনের উপাদানটির স্থানধারক লেবেল বিকল্প।

Comments

এছাড়াও, যাতে ব্যবহারকারী একবার এটি নির্বাচন করার পরে অ-বিকল্পটি নির্বাচন করতে না পারে: <অপশন নির্বাচিত = "নির্বাচিত" অক্ষম = "অক্ষম" মান = ""> দয়া করে নির্বাচন করুন </option>

— CoolAJ86

এটির কোনও অর্থ নেই ... এছাড়াও এটি বেশ কয়েকটি ব্রাউজারে কাজ করবে না

— এমপি্লুঞ্জন

@ কুলএজে 86 ক্রোম 23, ফায়ারফক্স 16 এবং আইই 10 তে ভাল কাজ করে।

— কেটিবি

আমি 2 টি ডাউনটি দেখছি। আপনি যদি অনুগ্রহ করে এই অনুগ্রহটি কমিয়ে দেওয়ার মত বোধ করেন কেন

— এমপি্লুঞ্জন

ডকুমেন্টেশনের প্যারাফ্রেসিং খুব সহায়ক; ধন্যবাদ

— skia.heliou

Answer 2

<select>উপাদান সমর্থন করে requiredগুণ, বৈশিষ্ট অনুযায়ী:

• http://dev.w3.org/html5/spec-author-view/the-select-element.html#the-select-element

কোন ব্রাউজার এটি সম্মান করে না?

(অবশ্যই, আপনাকে যে কোনও উপায়ে সার্ভারে বৈধতা দিতে হবে, কারণ আপনি গ্যারান্টি দিতে পারবেন না যে ব্যবহারকারীরা জাভাস্ক্রিপ্ট সক্ষম করেছেন))

Comments

আমি নিশ্চিত যে প্রথম এন্ট্রিতে তার কেবল একটি মান = "" দরকার ছিল - যদি কোনও বিকল্প বৈশিষ্ট্য বা সমস্ত বিকল্পের কোনও মান না থাকে তবে প্রয়োজনীয় ট্রিগার করতে ব্যর্থ হয় কারণ নির্বাচনগুলি একটি আসল মান দেয়

— এমপি্লুংজন

@ এমপ্লুংজন: আহ , গোটচা - ভাল দাগযুক্ত।

— পল ডি ওয়েট

@ পলডি.ওয়েট আমরা কী এখনও গ্যারান্টি দিতে পারি না যে ব্যবহারকারীরা জাভাস্ক্রিপ্ট সক্ষম করেছে? আমি এখন প্রায় 2 বছর ওয়েব ডেভেলপমেন্টে এসেছি এবং আমি কখনও এই সমস্যায় পড়িনি।

— ব্যবহারকারী 137717

@ ব্যবহারকারী 137717: এটি ওয়েব। আপনি কিছু গ্যারান্টি দিতে পারবেন না। আপনি অবশ্যই এটি সিদ্ধান্ত নিতে পারেন যে এটি খাওয়ার পক্ষে উপযুক্ত নয়।

— পল ডি ওয়েট

Answer 3

আপনি selectedডিফল্টরূপে একটি পছন্দ নির্বাচন করতে বিকল্প উপাদানটির জন্য বৈশিষ্ট্যটি ব্যবহার করতে পারেন । requiredব্যবহারকারী কোনও কিছু নির্বাচন করে তা নিশ্চিত করতে আপনি নির্বাচনের উপাদানটির জন্য বৈশিষ্ট্যটি ব্যবহার করতে পারেন ।

জাভাস্ক্রিপ্টে, আপনি selectedIndexনির্বাচিত বিকল্পের সূচক পেতে সম্পত্তিটি পরীক্ষা করতে পারেন , বা নির্বাচিত বিকল্পের valueমান পেতে সম্পত্তিটি পরীক্ষা করতে পারেন ।

এইচটিএমএল 5 অনুমান অনুসারে, selectedIndex"নির্বাচিত আইটেমটি যদি কোনও হয় তবে প্রথম বাছাই করা আইটেমের সূচক ফেরত দেয় বা কোনও নির্বাচিত আইটেম না থাকলে −1 valueপ্রদান করে And কোনও নির্বাচিত আইটেম নেই "" সুতরাং যদি নির্বাচিতআইডেক্স = -1 হয় তবে আপনি জানেন যে তারা কিছুই নির্বাচন করেন নি।

<button type="button" onclick="displaySelection()">What did I pick?</button>
<script>
    function displaySelection()
    {
        var mySelect = document.getElementById("someSelectElement");
        var mySelection = mySelect.selectedIndex;
        alert(mySelection);
    }
</script>

Comments

@ অ্যাপস্টল - দয়া করে সম্পাদনাগুলির মাধ্যমে এই উত্তরটি পরিবর্তন করার চেষ্টা বন্ধ করুন। যদি আপনি এটি ভুল বলে বিশ্বাস করেন তবে নির্দ্বিধায় নিজের উত্তরটি ছেড়ে দিন।

— ব্র্যাড লারসন

@ ব্র্যাডলারসন প্রথমে আমি বেশিরভাগই বুঝতে পারি নি: কোডটি এই প্রশ্নের সমস্যার সম্পূর্ণ সমাধান নয় বা এই উত্তরের শেষ অনুচ্ছেদের ব্যাখ্যামূলক উদাহরণ is এই ক্ষেত্রে সম্ভবত দ্বিতীয়। আমি এই কোডটি একটি স্নিপেট হিসাবে সংগঠিত করে ফলাফলটি দেখানো ভাল বলে মনে করি -1। দুঃখিত, আমি প্রথমে মন্তব্যগুলিতে স্পষ্ট করিনি।

— প্রেরিত

Answer 4

হ্যাঁ, এটি কাজ করছে:

<select name="somename" required>
     <option value="">Please select</option>
     <option value="one">One</option>
</select>

আপনাকে প্রথম বিকল্পটি ফাঁকা রাখতে হবে।

Answer 5

<form action="">

<select required>

  <option selected disabled value="">choose</option>
  <option value="red">red</option>
  <option value="yellow">yellow</option>
  <option value="green">green</option>
  <option value="grey">grey</option>

</select>
<input type="submit">
</form>

Comments

এই উত্তরটি কোনও অতিরিক্ত ব্যাখ্যা ছাড়াই পূর্ববর্তী উদাহরণটিকে পুনরাবৃত্তি করে।

— james.garriss

Answer 6

প্রথমে আপনাকে প্রথম বিকল্পে ফাঁকা মান নির্ধারণ করতে হবে। যেমন এখানে নির্বাচন করুন। শুধুমাত্র প্রয়োজনীয় কাজ করবে।

Answer 7

নির্বাচন বাক্সের প্রথম আইটেমটির মান ফাঁকা করুন।

সুতরাং আপনি যখন প্রত্যেকটি ফরম পোস্ট করেন তখন ফাঁকা মান পাবেন এবং এইভাবে ব্যবহার করলে আপনি জানতে পারবেন যে ব্যবহারকারী ড্রপডাউন থেকে কোনও কিছুই নির্বাচন করেন নি।

<select name="user_role" required>
    <option value="">-Select-</option>
    <option value="User">User</option>
    <option value="Admin">Admin</option>
</select>

Answer 8

আপনাকে খালি স্ট্রিংয়ের valueবৈশিষ্ট্যটি সেট করতে হবে option:

<select name="status" required>
    <option selected disabled value="">what's your status?</option>
    <option value="code">coding</option>
    <option value="sleep">sleeping</option>
</select>

selectফিরে আসবে valueনির্বাচিত optionতখন ব্যবহারকারী ছাপাখানা সার্ভারে submitউপর form। একটি খালি valueখালি textইনপুট -> requiredবার্তা উত্থাপনের সমান ।

---

W3Schools

কোনও ফর্ম জমা দেওয়ার সময় মান বৈশিষ্ট্যটি কোনও সার্ভারে প্রেরণের জন্য মানটি নির্দিষ্ট করে।

উদাহরণ

Answer 9

এই চেষ্টা করুন, এই কাজ করবে, আমি চেষ্টা করেছি এবং এই কাজ করে।

<!DOCTYPE html>
<html>
<body>

<form action="#">
<select required>
  <option value="">None</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

</body>
</html>

Answer 10

প্রথম বিকল্পের মান নাল হলে পুরোপুরি সূক্ষ্ম কাজ করে। ব্যাখ্যা: এইচটিএমএল 5 টি বোতাম জমা দেওয়ার একটি নাল মান পড়বে। যদি নাল না হয় (মান বৈশিষ্ট্য), নির্বাচিত মানটি শূন্য নয় বলে ধরে নেওয়া হয় তাই বৈধতাটি কাজ করবে অর্থাত্ বিকল্প পরীক্ষায় ডেটা আছে কিনা তা পরীক্ষা করে। সুতরাং এটি বৈধতা পদ্ধতি উত্পাদন করবে না। যাইহোক, আমি অনুমান করি যে অন্য দিকটি স্পষ্ট হয়ে উঠেছে, মান মানটি যদি নাল হিসাবে সেট করা হয় (মান = ""), এইচটিএমএল 5 প্রথম বা বরং ডিফল্ট নির্বাচিত বিকল্পটিতে একটি শূন্য মান সনাক্ত করবে যাতে বৈধতা বার্তা দেয়। জিজ্ঞাসা করার জন্য ধন্যবাদ. সাহায্য করতে পারলে খুশি. আমি কি না তা জানতে পেরে খুশি।

Answer 11

এইচটিএমএল 5 এ আপনি সম্পূর্ণ প্রকাশটি ব্যবহার করে করতে পারেন:

<select required="required">

সংক্ষিপ্ত প্রকাশটি কেন কাজ করে না আমি তা জানি না তবে এটি ব্যবহার করে দেখুন। এটি সমাধান করবে।

Answer 12

এটা চেষ্টা কর

<select>
<option value="" style="display:none">Please select</option>
<option value="one">One</option>
</select>

Answer 13

আপনি এটি জিকুয়ের সাথে গতিশীলও করতে পারেন

প্রয়োজনীয় সেট

$("#select1").attr('required', 'required');

প্রয়োজনীয় সরান

$("#select1").removeAttr('required');