আপনি যদি সূচক, মান বা পাঠ্য জানেন। এছাড়াও যদি আপনার সরাসরি রেফারেন্সের জন্য কোনও আইডি না থাকে।
এটি , এটি এবং এটি সমস্ত সহায়ক উত্তর।
উদাহরণস্বরূপ
<div class="selDiv">
<select class="opts">
<option selected value="DEFAULT">Default</option>
<option value="SEL1">Selection 1</option>
<option value="SEL2">Selection 2</option>
</select>
</div>উত্তর:
মান অনুসারে মধ্যবর্তী বিকল্প-উপাদানটি পেতে একটি নির্বাচক
$('.selDiv option[value="SEL1"]')একটি সূচকের জন্য:
$('.selDiv option:eq(1)')একটি পরিচিত পাঠ্যের জন্য:
$('.selDiv option:contains("Selection 1")')সম্পাদনা : ওপিকে উপরে মন্তব্য হিসাবে ড্রপডাউন নির্বাচিত আইটেমটি পরিবর্তন করার পরে হতে পারে। সংস্করণ 1.6 এবং উচ্চতর প্রপ () পদ্ধতিটি সুপারিশ করা হয়:
$('.selDiv option:eq(1)').prop('selected', true)পুরানো সংস্করণগুলিতে:
$('.selDiv option:eq(1)').attr('selected', 'selected')EDIT2 : রায়ান এর মন্তব্যের পরে। "নির্বাচন 10" এ একটি ম্যাচ অযাচিত হতে পারে। পুরো পাঠ্যের সাথে মেলে এমন কোনও নির্বাচক আমি পাইনি , তবে একটি ফিল্টার কাজ করে:
$('.selDiv option')
.filter(function(i, e) { return $(e).text() == "Selection 1"})সম্পাদনা 3 : সতর্কতা ব্যবহার করুন $(e).text()কারণ এটি তুলনাকে ব্যর্থ করে তুলতে একটি নিউলাইন থাকতে পারে। বিকল্পগুলি স্পষ্টভাবে বন্ধ হয়ে গেলে (কোনও </option>ট্যাগ নেই) এমনটি ঘটে :
<select ...>
<option value="1">Selection 1
<option value="2">Selection 2
:
</select>আপনি যদি কেবল e.textকোনও অতিরিক্ত শ্বেত স্পেস ব্যবহার করেন তবে পেছনের নিউলাইনটি অপসারণ করা হবে, তুলনাটিকে আরও শক্তিশালী করে তুলবে।
উপরের যে কোনও পদ্ধতিতে আমার প্রয়োজনীয় সমাধানটি সরবরাহ করা যায় নি তাই আমি বুঝতে পেরেছিলাম আমার জন্য যা কাজ করা হয়েছে তা সরবরাহ করব।
$('#element option[value="no"]').attr("selected", "selected");propএবং না attr।
.attrকরা সঠিক। "নির্বাচিত" <বিকল্প> একটি বৈশিষ্ট্য w3.org/TR/html5/forms.html#attr-option-selected
propপছন্দ হিসাবে ব্যবহার করা হয় attr। এটি ডাব্লু 3.org এর প্রতিটি সম্পত্তি অনুসন্ধান করে দেখার জন্য এটি সংরক্ষণ করে যে এটি কেবল কোনও বৈশিষ্ট্য, বা ব্যাকিং ক্রিয়াকলাপের সাথে প্রয়োগ করা হয়েছে।
আপনি কেবল val()পদ্ধতিটি ব্যবহার করতে পারেন :
$('select').val('the_value');the_value। .ভাল সিলেক্টর / ফিল্টার ফাংশন নয়! এটি একটি সম্পত্তি অ্যাক্সেসর এবং এটি পাস করে যা মান সেট করে। আমি আমার উপভোটটি ফিরিয়ে নেওয়ার চেষ্টা করেছি তবে পরীক্ষায় এটি পুনরায় আকার দেওয়ার পরে অনেক দেরি হয়েছিল।
মান অনুসারে, jQuery 1.7 দিয়ে আমার জন্য যা কাজ করেছিল তা নীচের কোড ছিল, এটি চেষ্টা করুন:
$('#id option[value=theOptionValue]').prop('selected', 'selected').change();.change()প্রয়োজন ছিল। আমার একটি উদাহরণ ছিল যেখানে আমি একটি নির্বাচনের উপর ভিত্তি করে থাম্বনেইলগুলি স্যুইচ করছি। আমি যখন একটি কাস্টম থিম আপলোড করেছি তখন বিকল্পগুলির তালিকা থেকে "কাস্টম থিম" নির্বাচন করার কথা ছিল। .prop()কল কাজ করেন, কিন্তু ছাড়া .change(), আমার নির্বাচন ডানদিকে থাম্বনেল চিত্র আপডেট না।
propমান একই আউটপুট উত্পন্ন করে। উদাহরণস্বরূপ.prop('selected', true)
এটি করার বিভিন্ন উপায় রয়েছে তবে শীর্ষস্থানীয় উত্তর এবং বিতর্ককে বোঝার মধ্যে সবচেয়ে পরিষ্কার পদ্ধতিটি হারিয়ে গেছে val()। এছাড়াও কিছু পদ্ধতি jQuery 1.6 হিসাবে পরিবর্তিত হয়েছে, সুতরাং এটির একটি আপডেট দরকার।
নিম্নলিখিত উদাহরণগুলির জন্য আমি ভেরিয়েবলটি ধরে নেব $selectএকটি পছন্দসই <select>ট্যাগটিতে নির্দেশিত একটি jQuery অবজেক্ট , যেমন নীচের মাধ্যমে:
var $select = $('.selDiv .opts');মান মেলানোর জন্য, val()কোনও গুণাবলী নির্বাচনকারী ব্যবহারকারীর চেয়ে ব্যবহার আরও সহজ: https://jsfiddle.net/yz7tu49b/6/
$select.val("SEL2");সেটার সংস্করণটি একই সাথে একটি মিলের সম্পত্তি সেট .val()করে selectট্যাগগুলিতে প্রয়োগ করা হয় , সুতরাং সমস্ত আধুনিক ব্রাউজারগুলিতে ঠিক কাজ করে।selectedoptionvalue
আপনি যদি সরাসরি কোনও বিকল্পের নির্বাচিত স্থিতি সেট করতে চান তবে আপনি পরামিতি (পাঠ্যের মানের চেয়ে ) দিয়ে prop(না attr) ব্যবহার করতে পারেন :booleanselected
যেমন https://jsfiddle.net/yz7tu49b/
$option.prop('selected', true); // Will add selected="selected" to the tagযদি আপনি val()একটি নির্বাচন করতে ব্যবহার করেন <option>তবে ভালটি মিলছে না (মানগুলির উত্সের উপর নির্ভর করে ঘটতে পারে), তবে "কিছুই" নির্বাচিত হয়নি এবং $select.val()ফিরে আসবে null।
সুতরাং, উদাহরণ হিসাবে দেখানো হয়েছে এবং দৃ rob়তার জন্য আপনি এই জাতীয় https://jsfiddle.net/1250Ldqn/ এর মতো কিছু ব্যবহার করতে পারেন :
var $select = $('.selDiv .opts');
$select.val("SEL2");
if ($select.val() == null) {
$select.val("DEFAULT");
}আপনি যদি সঠিক পাঠ্যের সাথে মিল করতে চান তবে আপনি একটি filterফাংশন সহ ব্যবহার করতে পারেন । যেমন https://jsfiddle.net/yz7tu49b/2/ :
var $select = $('.selDiv .opts');
$select.children().filter(function(){
return this.text == "Selection 2";
}).prop('selected', true);যদিও আপনার যদি অতিরিক্ত সাদা জায়গা থাকতে পারে তবে আপনি চেক হিসাবে একটি ট্রিম যোগ করতে চাইতে পারেন
return $.trim(this.text) == "some value to match";আপনি যদি সূচক অনুসারে মেলতে চান তবে বাছাই করা বাচ্চাদের উদাহরণস্বরূপ https://jsfiddle.net/yz7tu49b/3/
var $select = $('.selDiv .opts');
var index = 2;
$select.children()[index].selected = true;যদিও আমি আজকাল jQuery এর পক্ষে, ভবিষ্যতের প্রুফ কোডের পক্ষে সরাসরি DOM বৈশিষ্ট্যগুলি এড়াতে চাইছি, যাতে এটি https://jsfiddle.net/yz7tu49b/5/ হিসাবেও করা যায় :
var $select = $('.selDiv .opts');
var index = 2;
$select.children().eq(index).prop('selected', true);উপরের সমস্ত ক্ষেত্রে, পরিবর্তন ইভেন্টটি আগুন দেয় না। এটি এমন নকশার মাধ্যমে যাতে আপনি পুনরাবৃত্ত পরিবর্তনের ইভেন্টগুলি না হারিয়ে যান।
পরিবর্তন ইভেন্টটি তৈরি করতে, প্রয়োজন হলে, .change()jQuery selectঅবজেক্টে কেবল একটি কল যুক্ত করুন । যেমন প্রথম সরল উদাহরণটি https://jsfiddle.net/yz7tu49b/7/ হয়ে যায়
var $select = $('.selDiv .opts');
$select.val("SEL2").change();অ্যাট্রিবিউট সিলেক্টর ব্যবহার করে উপাদানগুলি খুঁজে বের করার প্রচুর অন্যান্য উপায়ও রয়েছে, যেমন [value="SEL2"], তবে আপনাকে মনে রাখতে হবে বৈশিষ্ট্য নির্বাচনকারীরা অন্যান্য সমস্ত বিকল্পের তুলনায় তুলনামূলকভাবে ধীর।
$(elem).find('option[value="' + value + '"]').attr("selected", "selected");ডকুমেন্টেশনের জন্য আমার নিজের প্রশ্নের উত্তর দেওয়া। আমি নিশ্চিত যে এটি সম্পাদন করার অন্যান্য উপায় রয়েছে তবে এটি কাজ করে এবং এই কোডটি পরীক্ষা করা হয়।
<html>
<head>
<script language="Javascript" src="javascript/jquery-1.2.6.min.js"></script>
<script type="text/JavaScript">
$(function() {
$(".update").bind("click", // bind the click event to a div
function() {
var selectOption = $('.selDiv').children('.opts') ;
var _this = $(this).next().children(".opts") ;
$(selectOption).find("option[index='0']").attr("selected","selected");
// $(selectOption).find("option[value='DEFAULT']").attr("selected","selected");
// $(selectOption).find("option[text='Default']").attr("selected","selected");
// $(_this).find("option[value='DEFAULT']").attr("selected","selected");
// $(_this).find("option[text='Default']").attr("selected","selected");
// $(_this).find("option[index='0']").attr("selected","selected");
}); // END Bind
}); // End eventlistener
</script>
</head>
<body>
<div class="update" style="height:50px; color:blue; cursor:pointer;">Update</div>
<div class="selDiv">
<select class="opts">
<option selected value="DEFAULT">Default</option>
<option value="SEL1">Selection 1</option>
<option value="SEL2">Selection 2</option>
</select>
</div>
</body>
</html>সাধারণ নির্বাচন বিকল্পের জন্য
<script>
$(document).ready(function() {
$("#id").val('select value here');
});
</script>2 টি বিকল্পের জন্য ট্রিগার বিকল্পটি ব্যবহার করতে হবে
<script>
$(document).ready(function() {
$("#id").val('select value here').trigger('change');
});
</script>Jquery-2.1.4 ব্যবহার করে , আমি আমার জন্য কাজ করার জন্য নিম্নলিখিত উত্তর পেয়েছি:
$('#MySelectionBox').val(123).change();আপনার যদি স্ট্রিং মান থাকে তবে নিম্নলিখিতটি ব্যবহার করে দেখুন:
$('#MySelectionBox').val("extra thing").change();অন্যান্য উদাহরণগুলি আমার পক্ষে কার্যকর হয়নি তাই আমি এই উত্তরটি যুক্ত করছি।
আমি আসল উত্তরটি এখানে পেয়েছি: https://forum.jquery.com/topic/how-to-dynamically-select-option-in-roddown-menu
ট্রিগার সহ নির্বাচিত মান নির্বাচন করার জন্য:
$('select.opts').val('SEL1').change();সুযোগ থেকে বিকল্প সেট করার জন্য:
$('.selDiv option[value="SEL1"]')
.attr('selected', 'selected')
.change();এই কোডটি শর্তযুক্ত নির্বাচন করা অবজেক্টটি অনুসন্ধান করতে নির্বাচক ব্যবহার করে, তারপরে নির্বাচিত বৈশিষ্ট্যটি পরিবর্তন করে attr()।
আরও, আমি যোগ করার পরামর্শ দিচ্ছি change() এট্রিবিউট সেট করার পরে ইভেন্টটিselected মাধ্যমে কোডটি ব্যবহারকারীর দ্বারা নির্বাচনের পরিবর্তনের কাছাকাছি চলে আসবে।
আমি সাথে যাব: -
$("select#my-select option") .each(function() { this.selected = (this.text == myVal); });আপনি কেবল # আইডির পরিবর্তে নির্বাচন ক্ষেত্র আইডি ব্যবহার করুন (যেমন। # নির্বাচন_নাম)
পরিবর্তে বিকল্প মান আপনার নির্বাচন বিকল্প ব্যবহার মান
<script>
$(document).ready(function() {
$("#id option[value='option value']").attr('selected',true);
});
</script>Jquery এর জন্য বেছে নেওয়া হয়েছে যদি আপনি বৈশিষ্ট্যটি ফাংশনে প্রেরণ করেন এবং আপডেট-নির্বাচনের বিকল্পটি প্রয়োজন হয় need
$('#yourElement option[value="'+yourValue+'"]').attr('selected', 'selected');
$('#editLocationCity').chosen().change();
$('#editLocationCity').trigger('liszt:updated');/* This will reset your select box with "-- Please Select --" */
<script>
$(document).ready(function() {
$("#gate option[value='']").prop('selected', true);
});
</script>$('select').val('the_value');সঠিক সমাধান দেখায় এবং তারপর আপনি তথ্য সারণী সারি থাকে:
$row.find('#component').val('All');প্রশ্নের জন্য ধন্যবাদ। আশা করি কোডটির এই অংশটি আপনার পক্ষে কাজ করবে।
var val = $("select.opts:visible option:selected ").val();$('#select option[data-id-estado="3"]').prop("selected",true).trigger("change");অথবা
$('#select option[value="myValue"]').prop("selected",true).trigger("change");
$("#my_select").val("the_new_value").change();... ... তাই