JQuery ব্যবহার করে একটি ড্রপডাউন আইটেমের নির্বাচিত মান পান

Question

আমি কীভাবে jQuery ব্যবহার করে একটি ড্রপডাউন বাক্সের নির্বাচিত মান পেতে পারি?
আমি ব্যবহার করার চেষ্টা করেছি

var value = $('#dropDownId').val();

এবং

var value = $('select#dropDownId option:selected').val();

কিন্তু উভয়ই একটি খালি স্ট্রিং ফিরিয়ে দেয়।

Comments

এই দু'জনেরই কাজ করা উচিত। সমস্যাটি অন্য কোথাও হওয়া আবশ্যক (যেমন কোনও কোডটি কোনও $(document).ready(...ব্লকে

— জড়িয়ে আছে

var value = $('#dropDownId:selected').val();

— পিপীলিকা

নাপ - $('#dropDownId').val();নির্বাচিত মান পাওয়ার সর্বাধিক সংক্ষিপ্ত উপায়।

— karim79

@shyam আপনি এই বিবৃতিতে নির্বাচন করবেন না তাই দম থাকে ID- র নথির জন্য অনন্য, আপনি শুধুমাত্র ট্যাগ নাম ব্যবহার করা উচিত যখন ক্লাস উল্লেখ করা select#dropDownId option:selected,

— পিপীলিকা

নির্বাচনের-> বিকল্প ট্যাগের সূচকটি কীভাবে পাওয়া যায় তার

— ক্রিস মোসচিনি

Answer 1

একক নির্বাচিত ডোম উপাদানগুলির জন্য, বর্তমানে নির্বাচিত মানটি পেতে:

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

বর্তমানে নির্বাচিত পাঠ্য পেতে:

$('#dropDownId :selected').text();

Comments

আপনার আগে জায়গা দরকার :selected।

— আন্তজয়

দ্রুততম নির্বাচিত বিকল্পটি লেখা পাবার উপায় হল:$("#dropDownId").children("option").filter(":selected").text()

— RickardN

আমার ইচ্ছা আপনি .val()এবং রেফারেন্সের সাথে .text()

— লিখিত যোগাযোগ করেছেন

রিচার্ড, আপনার কোড অত্যন্ত দীর্ঘ ... এটা পাঠযোগ্যতা জন্য আরো অনেক কিছু সংক্ষিপ্ত হতে পারে

— PositiveGuy

@ জেমসএম.একটি ভেরিয়েবলে ডিওএম রেফারেন্স রেখেছেন? তারপরে ব্যবহার করুনjQuery(domVariable).val()

— অ্যালেন লিন্যাটোক

Answer 2

var value = $('#dropDownId:selected').text()

ভাল কাজ করা উচিত, এই উদাহরণটি দেখুন:

$(document).ready(function(){ 
  $('#button1').click(function(){ 
    alert($('#combo :selected').text());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
  <option value="1">Test 1</option>
  <option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />

Comments

"মান" হ'ল বেশিরভাগ কোডার মিস করেন, যখন উপাদানগুলি এবং কোয়েরি ঘোষণার পরিবর্তে পাঠ্য ফেরত রাখা যায়

— আসাদ

ডেমো এখানে চেক করুন freakyjolly.com/demo/getDropDownValue_JavaScript_jQuery.html

— কোড স্পাই

Answer 3

এই jQuery ব্যবহার করে দেখুন,

$("#ddlid option:selected").text();

বা এই জাভাস্ক্রিপ্ট,

 var selID=document.getElementById("ddlid");
 var text=selID.options[selID.selectedIndex].text;

আপনার যদি পাঠ্য না হয়ে মানটি অ্যাক্সেস করতে হয় তবে val()পরিবর্তে পদ্ধতিটি ব্যবহার করে দেখুনtext() ।

নীচের ফিডল লিঙ্কগুলি দেখুন।

ডেমো 1 | Demo2

Answer 4

এটা চেষ্টা কর

$("#yourDropdown option:selected").text();

Comments

ওপি নির্বাচিত মান জিজ্ঞাসা করছে। এই উত্তরটি ড্রপ ডাউনটির পাঠ্য সামগ্রী পেয়ে যাবে। ভুল নয়, তিনি যা চেয়েছিলেন ঠিক তা নয়।

— জোশুয়া ডান্স

Answer 5

আমি জানি এটি একটি অত্যন্ত পুরানো পোস্ট এবং আমার সম্ভবত এই করুণাময় পুনরুত্থানের জন্য আঘাত করা উচিত, তবে আমি ভেবেছিলাম যে আমি আমার অস্ত্রাগারের প্রতিটি অ্যাপ্লিকেশন জুড়ে ব্যবহার করি এমন বেশ কয়েকটি সহায়ক ছোট জেএস স্নিপেটগুলি ভাগ করব ...

যদি টাইপ করে:

$("#selector option:selected").val() // or
$("#selector option:selected").text()

পুরানো হচ্ছে, আপনার গ্লোবাল *.jsফাইলে এই ছোট ক্রম্পেটগুলি যুক্ত করার চেষ্টা করুন:

function soval(a) {
    return $('option:selected', a).val();
}
function sotext(a) {
    return $('option:selected', a).text();
}

এবং কেবল লিখুন soval("#selector");বা sotext("#selector");পরিবর্তে! দুই মিশ্রন এবং ধারণকারী উভয় একটি বস্তু ফিরে এমনকি কল্পনাকারী পেতে valueএবং text!

function so(a) {
    my.value = $('option:selected', a).val();
    my.text  = $('option:selected', a).text();
    return my;
}

এটি আমার বিশেষত ফর্ম-ভারী অ্যাপ্লিকেশনগুলিতে এক টন মূল্যবান সময় সাশ্রয় করে!

Answer 6

এটি নির্বাচিত মানকে সতর্ক করবে। JQuery কোড ...

$(document).ready(function () {

        $("#myDropDown").change(function (event) {
            alert("You have Selected  :: "+$(this).val());
        });
    });

এইচটিএমএল কোড ...

<select id="myDropDown">
        <option>Milk</option>
        <option>Egg</option>
        <option>Bread</option>
        <option>Fruits</option>
    </select>

Answer 7

এই কৌশলটি করবে

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

Answer 8

তবুও অন্য পরীক্ষিত উদাহরণ:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $('#bonus').change(function() {
    alert($("#bonus option:selected").text());
  });  
});
</script>
</head>

<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>

Answer 9

এটি চেষ্টা করুন, এটির মানটি পায়:

$('select#myField').find('option:selected').val();

Answer 10

আপনি কি কোনও আইডি দিয়ে আপনার নির্বাচন-উপাদান সরবরাহ করেছেন?

<select id='dropDownId'> ...

আপনার প্রথম বিবৃতি কাজ করা উচিত!

Answer 11

নির্বাচিত পাঠ্য ব্যবহারের জন্য:

value: $('#dropDownId :selected').text();

নির্বাচিত মান ব্যবহারের জন্য:

value: $('#dropDownId').val();

Answer 12

idযে নিয়ন্ত্রণ তোমাদের ড্রপ জন্য উত্পন্ন পেয়েছিলাম htmlএক গতিশীল হবে। সুতরাং সম্পূর্ণ আইডি ব্যবহার করুন $('ct100_<Your control id>').val().এটি কাজ করবে।

Answer 13

বা যদি আপনি চেষ্টা করেন:

$("#foo").find("select[name=bar]").val();

আমি আজ এটি ব্যবহার করেছি এবং এটি ভাল কাজ করছে।

Answer 14

ব্যবহার

$('#dropDownId').find('option:selected').val()

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

Answer 15

ড্রপ ডাউন থেকে jquery মান পেতে আপনি কেবলমাত্র প্রেরিত নীচের ফাংশনটি ব্যবহার করুন idএবং নির্বাচিত মান পান:

function getValue(id){
    var value = "";
    if($('#'+id)[0]!=undefined && $('#'+id)[0]!=null){
        for(var i=0;i<$('#'+id)[0].length;i++){
            if($('#'+id)[0][i].selected == true){
                if(value != ""){
                    value = value + ", ";
                }
                value = value + $('#'+id)[0][i].innerText;
            }
        }
    }
    return value;
}

Comments

এটি করার কষ্টকর উপায়, তবে যা কাজ করে।

— এমসি 9000

Answer 16

	function fundrp(){
	var text_value = $("#drpboxid option:selected").text();  
	console.log(text_value);
	var val_text = $("#drpboxid option:selected").val();  
	console.log(val_text);
	var value_text = $("#drpboxid option:selected").attr("vlaue") ;
	console.log(value_text);
	var get_att_value = $("#drpboxid option:selected").attr("id") 
	console.log(get_att_value);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<select id="drpboxid">
	<option id="1_one" vlaue="one">one</option>
	<option id="2_two" vlaue="two">two</option>
	<option id="3_three" vlaue="three">three</option>              
</select>
<button id="btndrp" onclick="fundrp()">Tracking Report1234</button>

Answer 17

আমি জানি এটি পুরানো তবে আমি যদিও এটি আপডেট করে থাকি তবে এটি আরও আধুনিক answer

$( document ).on( 'change', '#combo', function () {
var prepMin= $("#combo option:selected").val();
 alert(prepMin);
});

আশা করি এটা কাজে লাগবে

Answer 18

$("select[id$=dropDownId]").val()

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

Answer 19

এই কোডগুলির মধ্যে যে কোনও একটি ব্যবহার করুন

$('#dropDownId :selected').text();

অথবা

$('#dropDownId').text();

Answer 20

এটিই কাজ করে

    var value= $('option:selected', $('#dropDownId')).val();

Answer 21

$("#selector <b>></b> option:selected").val()

অথবা

$("#selector <b>></b> option:selected").text()

উপরের কোডগুলি আমার পক্ষে ভাল কাজ করেছে

Answer 22

আপনি নিম্নলিখিত কোড ব্যবহার করে এটি করতে পারেন।

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

আপনি যদি নির্বাচিত তালিকাটি নির্বাচিত তালিকার বিকল্পগুলি থেকে পেতে চান। এই কৌশলটি করবে।

$('#dropDownId option:selected').text();

Answer 23

আপনি এর যে কোনও একটি ব্যবহার করতে পারেন:

$(document).on('change', 'select#dropDownId', function(){

            var value = $('select#dropDownId option:selected').text();

            //OR

            var value = $(this).val();

});

Answer 24

আপনার এই মত রাখা প্রয়োজন।

$('[id$=dropDownId] option:selected').val();

Answer 25

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

 $('#dropDownId option').filter(':selected').text();     

 $('#dropDownId option').filter(':selected').val();

Answer 26

পৃষ্ঠা লোডে নির্বাচিত মান পেতে নীচের পদ্ধতিটি ব্যবহার করুন:

$(document).ready(function () {
$('#ddlid').on('change', function () {
                var value = $('#ddlid :selected').text();
                alert(value);`
            });
});

Answer 27

আপনার যদি একাধিক ড্রপডাউন চেষ্টা করে দেখুন:

এইচটিএমএল:

<select id="dropdown1" onchange="myFunction(this)">
    <option value='...'>Option1
    <option value='...'>Option2
</select>
<select id="dropdown2" onchange="myFunction(this)">
    <option value='...'>Option1
    <option value='...'>Option2
</select>

javascript:

    function myFunction(sel) {
        var selected = sel.value;
    }

Answer 28

এইচটিএমএল:

<select class="form-control" id="SecondSelect">
       <option>5<option>
       <option>10<option>
       <option>20<option>
       <option>30<option>
</select>

javascript:

var value = $('#SecondSelect')[0].value;

Comments

কীভাবে এবং কেন এটি সমস্যার সমাধান করে তা আপনার পোস্টের গুণমান উন্নত করতে সত্যই সহায়তা করবে এবং সম্ভবত আরও বেশি ভোটের ফলস্বরূপ ফলাফল ব্যাখ্যা করুন Please

— অ্যান্ড্রয়েড

Answer 29

$("#dropDownId").val('2');
var SelectedValue= $("#dropDownId option:selected").text();
$(".ParentClass .select-value").html(SelectedValue);


<p class="inline-large-label button-height ParentClass" >
     <label for="large-label-2" class="label">Country <span style="color: Red;">*</span><small></small></label>
     <asp:DropDownList runat="server" ID="dropDownId " CssClass="select" Width="200px">          
    </asp:DropDownList>
</p>

Answer 30

এটি আপনার জন্য কাজ করা উচিত

  $("#dropDownId").on('change',function(){
     var value=$(this).val();
     alert(value);
  });

Comments

যদি আপনার ড্রপডাউন বিকল্পটি নির্বাচিত হিসাবে চিহ্নিত হিসাবে চিহ্নিত করা হয় (যেমন একটি অ্যাজাক্স অনুরোধ যা একটি ড্রপ ডাউনকে জনপ্রিয় করে তোলে)? যদি আপনি .val () পাওয়ার চেষ্টা করেন, আপনি মানটির জন্য বাতিল হয়ে যাবেন (উত্স সন্ধান করলেও আপনাকে দেখাবে যে বিকল্পটি সত্যই নির্বাচিত)! । ("মাইডিডি বিকল্প: নির্বাচিত") val

— MC9000