Jquery ব্যবহার করে ড্রপডাউনতে প্রথম উপাদানটি কীভাবে নির্বাচন করবেন?

Question

আমি jquery ব্যবহার করে আমার পৃষ্ঠাতে সমস্ত নির্বাচিত ট্যাগগুলিতে প্রথম বিকল্পটি কীভাবে নির্বাচন করব তা জানতে চাই।

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

$('select option:nth(0)').attr("selected", "selected"); 

তবে কাজ হয়নি

Answer 1

এটি ব্যবহার করে দেখুন ...

$('select option:first-child').attr("selected", "selected");

অন্য বিকল্পটি এটি হতে পারে তবে এটি নীচে কোডড হিসাবে কেবলমাত্র একটি ড্রপ ডাউন তালিকার জন্য কাজ করবে:

var myDDL = $('myID');
myDDL[0].selectedIndex = 0;

মানটির উপর নির্ভর করে কীভাবে সেট করা যায় তার জন্য এই পোস্টটি একবার দেখুন, এটি আকর্ষণীয় তবে এই নির্দিষ্ট সমস্যাটির জন্য আপনাকে সহায়তা করবে না:

JQuery সহ একটি ড্রপ-ডাউন তালিকার নির্বাচিত মান পরিবর্তন করুন

Comments

আমি সমস্ত নির্বাচিত ট্যাগগুলি চাই হিসাবে কেবল মাইআইডি পরিবর্তন করুন

— আমর এলগারি

এখন jQuery এ আপনি .prop()পদ্ধতির মাধ্যমে বৈশিষ্ট্য অ্যাক্সেস করতে পারেন । সুতরাং আপনি $("select").prop("selectedIndex",0);সমস্ত ড্রপডাউনগুলিতে প্রথম বিকল্পটি চয়ন করার জন্য দ্রুত পদ্ধতির জন্য ব্যবহার করতে পারেন ।

— সিবিআর

আপনি কি জানেন যে এটি কেবলমাত্র বৈশিষ্ট্যটি সেট করে সমস্ত ব্রাউজারগুলিতে 'পরিবর্তন' ইভেন্টটি ট্রিগার করবে? এটি ক্রোমে মনে হয় তবে এটিকে ব্যাপকভাবে পরীক্ষা করা হয়নি। আমি $('select').trigger('change');ঠিক ক্ষেত্রে অন্য একটি যুক্ত করার কথা ভাবছিলাম । ধন্যবাদ!

— ব্রায়ান আর্মস্ট্রং

var myDDL = $('myID')নির্বাচক হওয়ার জন্য হ্যাশ থাকা উচিতvar myDDL = $('#myID')

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

এই পদ্ধতিটি আমার পক্ষে ভাল কাজ করে:$('select option').first().prop('selected',true);

— লরেঞ্জো মাগন

Answer 2

আপনার নির্বাচকটি ভুল, আপনি সম্ভবত খুঁজছিলেন

$('select option:nth-child(1)')

এটিও কাজ করবে:

$('select option:first-child')

Comments

সিএসএস নবম-বাচ্চার নির্বাচক সূচকটি 0 থেকে নয় 1 এ শুরু হবে

— সের্গেই

Answer 3

আরএসলগবার্গের জন্য আনা বিকল্প সমাধান, যা 'onchange'উপস্থিত থাকলে ইভেন্টটিকে আগুন ধরিয়ে দেয় :

$("#target").val($("#target option:first").val());

JQuery এর সাথে নির্বাচিত <নির্বাচন> এর প্রথম বিকল্পটি কীভাবে করবেন?

Comments

যদি আপনাকে একাধিকবার নির্বাচিত বিকল্পটি পরিবর্তন করতে হয় তবে এটি গৃহীত উত্তরের চেয়ে আরও ভাল কাজ করে। যেমন আপনি যদি নিজের বিকল্পগুলি ফিল্টার করেন এবং সেগুলির কিছু অংশ প্রদর্শন করেন।

— গিলাইম রেনোল্ট

Answer 4

$("#DDLID").val( $("#DDLID option:first-child").val() );

Jquery ব্যবহার করে সম্পূর্ণ ড্রপ ডাউন তালিকা অপারেশনগুলির জন্য

Comments

লিঙ্কটি এখন মারা গেছে।

— পল গর্বাস

Answer 5

আপনি যা চান তা সম্ভবত:

$("select option:first-child")

এই কোড কি

attr("selected", "selected");

করছেন "নির্বাচিত" এ "নির্বাচিত" বৈশিষ্ট্যটি সেট করা

আপনি যদি নির্বাচিত বিকল্পগুলি চান তবে তা প্রথম সন্তানের কিনা তা বিবেচনা না করেই নির্বাচকটি হ'ল:

$("select").children("[selected]")

Comments

আপনি jQuery 1.6+ ব্যবহার করছেনattrprop

— জেসান ফাফন

Answer 6

আমি উত্তর দিচ্ছি কারণ পূর্ববর্তী উত্তরগুলি jQuery এর সর্বশেষতম সংস্করণটির সাথে কাজ করা বন্ধ করে দিয়েছে। কখন এটি কাজ করা বন্ধ হয়েছিল তা আমি জানি না, তবে ডকুমেন্টেশন বলছে যে jpery 1.6 সাল থেকে সম্পত্তি অর্জন / সেট করার জন্য .prop () পছন্দসই পদ্ধতি method

এইভাবে আমি এটি কাজ করতে পেলাম (jQuery 3.2.1 সহ):

$('select option:nth-child(1)').prop("selected", true);

আমি নকআউটজ ব্যবহার করছি এবং পরিবর্তনের বাইন্ডিংগুলি উপরের কোডটি দিয়ে গুলি চালাচ্ছিল না, তাই আমি। পরিবর্তন () শেষ পর্যন্ত যুক্ত করেছি।

আমার সমাধানের জন্য আমার যা প্রয়োজন তা এখানে:

$('select option:nth-child(1)').prop("selected", true).change();

ডকুমেন্টেশনে .prop () নোটগুলি এখানে দেখুন: http://api.jquery.com/prop/

Answer 7

এখানে একটি সহজ javascriptসমাধান যা বেশিরভাগ ক্ষেত্রে কার্যকর হয়:

document.getElementById("selectId").selectedIndex = "0";

Answer 8

আপনি যদি নির্বাচিত বিকল্পটির পাঠ্যটি পরীক্ষা করতে চান তবে তা যদি এটি 1 ম শিশু হয়।

var a = $("#select_id option:selected").text();
alert(a); //check if the value is correct.
if(a == "value") {-- execute code --}

Comments

আমাকে দ্বিতীয় অনুসন্ধান বাঁচিয়েছে। এটি আমি যা খুঁজছিলাম তা বেশ প্রায়, যদিও আমি এটি পরীক্ষা করার চেয়ে মান পরিবর্তন করতে আগ্রহী। $('#myID option:selected').text('NEW STRING');

— রিকি পেইন

Answer 9

    var arr_select_val=[];

    $("select").each(function() { 
        var name=this.name;
            arr_select_val[name]=$('select option:first-child').val();
    });


// Process the array object
     $('.orders_status_summary_div').print(arr_select_val);