jQuery নির্বাচিত বিকল্প মান (পাঠ্য নয়, তবে 'মান' বৈশিষ্ট্যটি পান)

Question

ঠিক আছে, আমার এই কোডটি রয়েছে:

<select name="selector" id="selector">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>

এবং আমি নির্বাচিত বিকল্পটির মান পেতে চাই। উদাহরণ: 'বিকল্প 2' নির্বাচিত হয়েছে এবং এর মান '2'। '2' হ'ল আমার 'অপশন 2' না পাওয়ার মান।

Comments

পাওয়ার জন্য ডেমো টিউটোরিয়াল: freakyjolly.com/… freakyjolly.com/… একক এবং একাধিক নির্বাচনবক্স সেট করার জন্য ডেমো টিউটোরিয়াল

— কোড স্পাই

Answer 1

04/2020: পুরানো উত্তর সংশোধন করা হয়েছে

ব্যবহার করুন : নির্বাচিত বিকল্পগুলিতে নির্বাচিত পিচুয়েডো নির্বাচক এবং তারপরে বিকল্পটির মান পেতে .val ফাংশনটি ব্যবহার করুন ।

$('select[name=selector] option').filter(':selected').val()

পার্শ্ব দ্রষ্টব্য : :selectedপ্রথম ক্যোয়ারীতে সরাসরি নির্বাচক ব্যবহার করে ফিল্টার ব্যবহার করা আরও ভাল ।

যদি কোনও পরিবর্তন হ্যান্ডলারের ভিতরে থাকে তবে আপনি this.valueনির্বাচিত বিকল্পের মানটি পেতে সহজেই ব্যবহার করতে পারেন । আরও বিকল্পের জন্য ডেমো দেখুন।

//ways to retrieve selected option and text outside handler
console.log('Selected option value ' + $('select option').filter(':selected').val()); 
console.log('Selected option value ' + $('select option').filter(':selected').text());

$('select').on('change', function () {
  //ways to retrieve selected option and text outside handler
  console.log('Changed option value ' + this.value);
  console.log('Changed option text ' + $(this).find('option').filter(':selected').text());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<select>
  <option value="1" selected>1 - Text</option>
  <option value="2">2 - Text</option>
  <option value="3">3 - Text</option>
  <option value="4">4 - Text</option>
</select>

পুরানো উত্তর:

সম্পাদনা: যতগুলি চিহ্নিত হয়েছে, এটি নির্বাচিত বিকল্পের মানটি দেয় না।

Val নির্বাচিত বিকল্পটির মান পেতে .val ব্যবহার করুন । নিচে দেখ,

$('select[name=selector]').val()~~

Comments

আপনার পরীক্ষাটি করুন:$('select[name=selector]').change(function() { alert($(this).val()); });

— কিংরাইডার

মনে রাখবেন যে নির্বাচিত বিকল্পটিতে কোনও valueবৈশিষ্ট্য নির্দিষ্ট না করা থাকলে, লেবেল (ie <option>label</option>) ফিরিয়ে দেওয়া হবে। আপনি যা চান সর্বদা তা হতে পারে না। অবশ্যই, বেশিরভাগ অ্যাপ্লিকেশনগুলিতে মান নির্দিষ্ট করা হয়।

— সিজনপ্রযুক্তি

Answer 2

আমি শুধু আমার অভিজ্ঞতা শেয়ার করতে চেয়েছিলাম

আমার জন্য,

$('#selectorId').val()

নাল ফিরে।

আমাকে ব্যবহার করতে হয়েছিল

$('#selectorId option:selected').val()

Comments

ব্রাউজারটি কি নির্দিষ্ট কেস ছিল? ক্রোমের নতুনতম সংস্করণটি কি এটির অনুমতি দেয় না, বা এটিই কি সমর্থন করে না?

— থিওডর সলবজর্গ

এটি ক্রোমের নতুন সংস্করণে ছিল। ফায়ারফক্সেও হতে পারে, তবে নিশ্চিত নয়।

— ডেভিড টরেস

নিশ্চিত নয় কেন $('#selectorId option:selected').val()আমার পক্ষে কাজ করেননি। পরিবর্তে আমি ব্যবহার করেছি$('select option:selected').val()

— ফ্রান্সিসকো কুইন্টারো

@ ফ্রেঞ্চিস্কো সমস্যাটি হ'ল $('select option:selected').val()এইচটিএমএল কোডে প্রথম নির্বাচকটির মান নিবে। যেখানে আপনার সাথে $('#selectorId option:selected').val()নির্বাচকটির মান থাকতে পারে যা আপনি নির্দিষ্ট করেছেন id টাইপগুলির জন্য ডাবল চেক করুন। এখানে একটি উদাহরণ রয়েছে যা দেখায় আমি কী বলেছি: codepen.io/anon/pen/Nqgqyz

— ডেভিড টরেস

Answer 3

$('select').change(function() {
    console.log($(this).val())
});​

jsFood উদাহরণ

.val() মান পেতে হবে।

Answer 4

আপনার নির্বাচনের জন্য আপনাকে একটি আইডি যুক্ত করতে হবে। তারপর:
$('#selectorID').val()

Comments

আমার আইডি যুক্ত হয়েছে, এটি এখানে যুক্ত করতে ভুলে গেছি।

— n00b

নির্বাচক হিসাবে আইডি ব্যবহার করে যা পড়েছি তা থেকে দ্রুততম পদ্ধতি।

— মার্কাস

Answer 5

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

$(document).ready(function(){
    var data= $('select').find('option:selected').val();
});

অথবা

var data= $('select').find('option:selected').text();

Answer 6

আপনি jqueryনিম্নলিখিত হিসাবে ব্যবহার করতে পারেন

লিপি

  $('#IDOfyourdropdown').change(function(){
    alert($(this).val());
  });

ছোট ছোট এখানে

Answer 7

এটির মতো একটি নির্বাচনের জন্য

<select class="btn btn-info pull-right" id="list-name" style="width: auto;">
   <option id="0">CHOOSE AN OPTION</option>
   <option id="127">John Doe</option>
   <option id="129" selected>Jane Doe</option>

... আপনি এইভাবে আইডিটি পেতে পারেন:

$('#list-name option:selected').attr('id');

অথবা আপনি পরিবর্তে মান ব্যবহার করতে পারেন, এবং এটি সহজ উপায় ...

<select class="btn btn-info pull-right" id="list-name" style="width: auto;">
   <option value="0">CHOOSE AN OPTION</option>
   <option value="127">John Doe</option>
   <option value="129" selected>Jane Doe</option>

এটার মত:

$('#list-name').val();

Answer 8

আমার অপশনের একটি একটি মান ছিল না: <option>-----</option>। আমি ব্যবহার করার চেষ্টা করছিলাম if (!$(this).val()) { .. }তবে আমি অদ্ভুত ফলাফল পাচ্ছি। যদি valueআপনার <option>উপাদানটিতে কোনও বৈশিষ্ট্য না থাকে তবে দেখা যাচ্ছে , এটি খালি স্ট্রিংয়ের পরিবর্তে এর ভিতরে পাঠ্য ফেরত দেয়। আপনি যদি val()আপনার বিকল্পটির জন্য কিছু ফিরিয়ে দিতে না চান তবে অবশ্যই যুক্ত করুন value=""।

Answer 9

উদাহরণটি দেখুন:

    <select class="element select small" id="account_name" name="account_name"> 

        <option value="" selected="selected">Please Select</option>           
        <option value="paypal" >Paypal</option>
        <option value="webmoney" >Webmoney</option>

    </select>

 <script type="text/javascript">

        $(document).ready(function(){ 
             $('#account_name').change(function(){
               alert($(this).val());                                                          
             });
        });
 </script>

Answer 10

$('#selectorID').val();

অথবা

$('select[name=selector]').val();

অথবা

$('.class_nam').val();

Comments

@FarhadBagherlo "Keep এর টাইপিং" হয় না একটি দরকারী মন্তব্য সম্পাদনা করুন! দয়া করে আপনার পরিবর্তনগুলি সংক্ষিপ্ত করুন, যাতে সম্পাদনা ইতিহাসের পাঠকরা প্রতিটি পরিবর্তিত চরিত্র পরীক্ষা না করে আপনি কী করেছেন তা বুঝতে পারে। ধন্যবাদ!

— jpaugh

Answer 11

এই কোডটি আমার পক্ষে খুব ভাল কাজ করে: এটি নির্বাচিত বিকল্পের মান ফেরত দেয়। $ ( '# Select_id') এটি ( 'বিকল্প: নির্বাচিত') Val ();।।

Answer 12

 $(document ).ready(function() {
    $('select[name=selectorname]').change(function() { 
     alert($(this).val());});
 });

Comments

যদিও এই কোডটি সমস্যার সমাধান করতে পারে, তবুও বিস্তারিতভাবে যুক্ত করা এবং এটি কীভাবে লোকেরা এই কোডটির টুকরোটি বুঝতে পারে না তাদের জন্য এটি কীভাবে কাজ করে তা ব্যাখ্যা করা ভাল।

— কাগজ 1111

@ পেপার 1111 এটি সাধারণ ফাংশন। এটি প্রয়োজন হলে আমি ব্যাখ্যা করতে পারি। '(' সিলেক্ট করুন [নাম = এখানে বক্সের নাম নির্বাচন করুন])। পরিবর্তন () - এর ফাংশনটির অর্থ হ'ল আমরা যখন সিলেক্ট বাক্স অপশনটি ফাংশন করব তখন কাজ হবে।

— val

Answer 13

উত্স লিঙ্ক

ব্যবহারের jQuery এর Val () থেকে যাক মান নির্বাচিত এবং টেক্সট () অপশন টেক্সট জন্য।

    <select id="myDropDown" class="form-control">
        <option value="0">Select Value 0</option>
        <option value="8">Option value 8</option>
        <option value="5">Option value 5</option>
        <option value="4">Option value 4</option>
    </select>

নির্বাচন ড্রপডাউন ইভেন্ট পরিবর্তন করুন

        $("#myDropDown").change(function () {

            // Fetching Value
            console.log($(this).val());

            // Fetching Text
            console.log($(this).find('option:selected').text());

            alert('Value: '+$(this).val()+' | Text: '+$(this).find('option:selected').text());
        });

বাটন ক্লিক করুন

        $("button").click(function () {

        // Fetching Value
            console.log($("#myDropDown").val());

    // Fetching Text
            console.log($('#myDropDown option:selected').text());

            alert('Value: '+$("#myDropDown").val()+' | Text: '+$('#myDropDown option:selected').text());
        });