JQuery দিয়ে কীভাবে সিলেক্ট অপশনের লেবেল পাবেন?

Question

<select>
<option value="test">label </option>
</select>

মানটি পুনরুদ্ধার করা যায় $select.val()।

সম্পর্কে কি label ?

আইই 6 তে কাজ করবে এমন কোনও সমাধান আছে?

Comments

আপনি নির্বাচিত, নির্বাচিত মানটি কীভাবে পাবেন? আপনার কেস লেবেল কোনটি?

— পিঁপড়া

"JQuery এর সাহায্যে নির্বাচিত বিকল্পের পাঠ্য কীভাবে পাবেন ?" এই প্রশ্নের উত্তর দিতে হবে ? এবং লেবেলের সমস্ত উল্লেখগুলি লেবেলের বৈশিষ্ট্যের সাথে বিভ্রান্তি এড়াতে পাঠ্যের সাথে প্রতিস্থাপন করা উচিত।

— জোয়েল ডেভিস

Answer 1

এটা চেষ্টা কর:

$('select option:selected').text();

Comments

এটি সর্বদা সঠিক নয়। বিকল্পের দেখানো বিবরণটি একটি 'লেবেল' বৈশিষ্ট্য দ্বারাও নির্দিষ্ট করা যেতে পারে (<= আই 7 ব্যতীত)। দেখুন w3schools.com/tags/att_option_label.asp#gsc.tab=0 এবং w3.org/TR/html401/interact/forms.html#h-17.6

— স্কট Stafford,

পেতে ট্যাগ এট্রিবিউট, এই ব্যবহার করা যেতে পারে: jQuery এর ( '# theid বিকল্প: নির্বাচিত') ATTR ( 'ট্যাগ')।

— ডেভিড Balažic

Answer 2

হাই হিসাবে প্রথমে নির্বাচন করুন একটি আইডি দিন

<select id=theid>
<option value="test">label </option>
</select>

তারপরে আপনি নির্বাচিত লেবেলটিকে কল করতে পারেন:

jQuery('#theid option:selected').text()

Answer 3

রেফারেন্সের labelজন্য অপশন ট্যাগটিতে একটি গৌণ বৈশিষ্ট্যও রয়েছে:

//returns "GET THIS" when option is selected
$('#selecter :selected').attr('label'); 

এইচটিএমএল

<select id="selecter">
<option value="test" label="GET THIS">
Option (also called label)</option>
</select>

Answer 4

ড্রপডাউনতে একটি নির্দিষ্ট বিকল্পের লেবেল পেতে আপনি এটিকে দেখতে পারেন -

$('.class_of_dropdown > option[value='value_to_be_searched']').html();

অথবা

$('#id_of_dropdown > option[value='value_to_be_Searched']').html();

Answer 5

আমি এটি সহায়ক বলে মনে করেছি

$('select[name=users] option:selected').text()

thisকীওয়ার্ডটি ব্যবহার করে নির্বাচক অ্যাক্সেস করার সময় ।

$(this).find('option:selected').text()

Answer 6

$("select#selectbox option:eq(0)").text()

"বিকল্প: eq (0)" এর 0 টি সূচক আপনি যে কোনও সূচক বিকল্পটি পুনরুদ্ধার করতে চান তা বিনিময় করতে পারে।

এটি সহায়ক: http://www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

Answer 7

এটা চেষ্টা কর:

$('select option:selected').prop('label');

এটি উভয় শৈলীর <option>উপাদানগুলির জন্য প্রদর্শিত পাঠ্যটি টেনে আনবে :

• <option label="foo"><option> -> "foo"
• <option>bar<option> -> "bar"

যদি labelউপাদানটির ভিতরে এটিতে কোনও গুণ এবং পাঠ উভয় থাকে তবে এটি বৈশিষ্ট্যটি ব্যবহার করবে label, যা ব্রাউজারের মতোই আচরণ behavior

উত্তরসূরীদের জন্য, এটি jQuery 3.1.1 এর অধীনে পরীক্ষা করা হয়েছিল

Answer 8

<SELECT id="sel" onmouseover="alert(this.options[1].text);"
<option value=1>my love</option>
<option value=2>for u</option>
</SELECT>

Answer 9

এটির জন্য ওয়ার্কিং প্লঙ্কার তৈরি করা হয়েছে। https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

Answer 10

আধুনিক ব্রাউজারগুলিতে এর জন্য আপনার জিকিউরির দরকার নেই। পরিবর্তে ব্যবহার

document.querySelectorAll('option:checked')

অথবা এর পরিবর্তে কোনও ডিওএম উপাদান উল্লেখ করুন document

Answer 11

তুমি খুঁজছ $select.html()

http://api.jquery.com/html/

Comments

এটি কেবলমাত্র সমস্ত বিকল্প উপাদানগুলির জন্য এইচটিএমএল ফিরিয়ে দেয়। লেবেল পাঠ্যটি এখানে / কোথাও রয়েছে তবে এটি পাওয়ার পক্ষে এটি সবচেয়ে কার্যকর উপায় নয়।

— এমএসপ্রিজ