কিভাবে jQuery এ $ (এটি) নির্বাচিত বিকল্পটি পাবেন?

Question

নিম্নলিখিত কোডটি কাজ করে:

$("#select-id").change(function(){
  var cur_value = $('#select-id option:selected').text();
  . . .
});

দ্বিতীয় লাইনে কীভাবে রিফ্যাক্টর করবেন:

var cur_value = $(this).***option-selected***.text();

আপনি কি জন্য ব্যবহার করবেন ***option-selected***?

Answer 1

নির্বাচিত মানটির জন্য: $(this).val()

আপনার যদি নির্বাচিত বিকল্প উপাদানটির প্রয়োজন হয়, $("option:selected", this)

Answer 2

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

Comments

এটি আমার জন্য নিখুঁতভাবে কাজ করেছে - আমি $("option:selected", this)উপরে বর্ণিত হিসাবে চেষ্টা করেছি তবে তা সমস্যাযুক্ত ছিল। আমি নির্বাচিত বিকল্প উপাদানটির পাঠ্যটিকে অন্য ডিভের সাথে যুক্ত করতে আমি একটি বোতাম ক্লিক ব্যবহার করছিলাম, কিন্তু আমি বোতামটি ক্লিক করলে এটি নির্বাচিত উপাদানটি ... অদ্ভুতভাবে পরিবর্তন করে। এটি ব্যবহার করুন।

— skwidbreth

Answer 3

নির্বাচিত বিকল্পটি পাওয়ার জন্য ড্রপডাউনে ইভেন্টের বিনিময়ের জন্য আমার মতে সেরা এবং সংক্ষিপ্ততম উপায়:

$('option:selected',this);

মান বৈশিষ্ট্য পেতে:

$('option:selected',this).attr('value');

ট্যাগের মধ্যে প্রদর্শিত অংশ পেতে:

$('option:selected',this).text();

আপনার নমুনায়:

$("#select-id").change(function(){
  var cur_value = $('option:selected',this).text();
});

Comments

ব্যবহার করবেন না .context, এটি jQuery 1.10 থেকে অবহিত

— rafx

: হাঁ, কিন্তু কি আপনি কি বোঝাতে চেয়েছেন এই হল api.jquery.com/context (document.body "উল") যা আমি ব্যবহার চি $ .context.nodeName

— angelmedia

আমি উত্তরটি পছন্দ করি তবে কেন এটি সেরা?

— সাবাস্তিয়ান জিকুয়েল

Answer 4

var cur_value = $('option:selected',this).text();

Comments

যতক্ষণ এই তাত্ত্বিক প্রশ্নের উত্তর হতে পারে, এটা বাঞ্ছনীয় হবে উত্তর অপরিহার্য অংশের এখানে অন্তর্ভুক্ত করা, এবং রেফারেন্স এর জন্য লিঙ্ক প্রদান।

— এনামুল হাসান

Answer 5

এই কাজ করা উচিত:

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

Comments

উপরের মত একই উত্তর

— হিউ

একই মিনিটের মধ্যে পোস্ট!

— lharby

Answer 6

আপনি findনির্বাচিত বিকল্পটি অনুসন্ধান করতে ব্যবহার করতে পারেন যা নোড (গুলি) এর বংশধর বর্তমান jQuery অবজেক্ট দ্বারা নির্দেশিত:

var cur_value = $(this).find('option:selected').text();

যেহেতু এটি সম্ভবত তাত্ক্ষণিক শিশু, তাই .childrenপরিবর্তে আমি এটি ব্যবহার করার পরামর্শ দেব :

var cur_value = $(this).children('option:selected').text();

Answer 7

var cur_value = $(this).find('option:selected').text();

যেহেতু আপনার optionঅবিলম্বে শিশু হওয়ার সম্ভাবনা রয়েছে তাই selectআপনি এটিও ব্যবহার করতে পারেন:

var cur_value = $(this).children('option:selected').text();

http://api.jquery.com/find/

Comments

option-selectedকোন কোটেশন নিয়ে কোথায় পাবেন ...?

— প্ল্যাটিনাম আজুর

আমি পোস্ট করার সময় এটি টাইপ ছিল। উত্তরটি সংশোধন করেছেন।

— থমথম

find('option:selected')আমার জন্য একটি খালি স্ট্রিং ফিরিয়ে দেয়। JQuery এর কোন সংস্করণ প্রয়োজন? আমি কাজ করছি 1.6.1। children('option:selected')কাজ করে

— বি সেভেন

option:selectedv1.0 api.jquery.com

— নির্বাচিত-

Answer 8

সেরা অনুমান:

var cur_value = $('#select-id').children('option:selected').text();

আমি এই ক্ষেত্রে বাচ্চাদের আরও পছন্দ করি কারণ আপনি জানেন যে আপনি কেবল ডম গাছের নীচে একটি শাখা রেখে চলেছেন ...

Comments

হতে পারে আপনি যা বোঝাতে চেয়েছিলেন তা হ'ল কার কার_মূল্য = $ (এটি)। শিশুরা ('বিকল্প: নির্বাচিত') text পাঠ্য ();

— জো জনস্টন 16

Answer 9

এটা শুধু

$(this).val();

আমি মনে করি আপনার কী প্রয়োজন তা জানার জন্য jQuery যথেষ্ট চালাক