javascript - link - jquery w3schools




JQuery ব্যবহার করে একটি নির্বাচিত বক্সে প্রথম অপশনটি কিভাবে সেট করবেন? (12)

আমি দুটি এইচটিএমএল select বক্স আছে। আমি অন্য একটি নির্বাচন করতে হলে আমি একটি select বক্স পুনরায় সেট করতে select

<select id="name" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

<select id="name2" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

যখন আমি প্রথম select (অর্থাৎ id="name" ) এর একটি বিকল্প নির্বাচন করি, তখন আমাকে দ্বিতীয় select পুনরায় select করতে select all ; একইভাবে, যখন আমি দ্বিতীয় select (অর্থাৎ id="name2" ) এর একটি বিকল্প select করি, আমাকে প্রথমে select করার select all প্রথম select পুনরায় সেট করতে select all

আমি এটা কিভাবে করবো?


আপনি এটি চেষ্টা করতে পারেন:

$( 'select' ).each( function () {
    if ( $( this ).children().length > 0 ) {
        $( $( this ).children()[0] ).attr( 'selected', 'selected' );
        $( this ).change();
    }
} );

আপনি যদি কেবলমাত্র প্রথম উপাদানটিতে নির্বাচিত উপাদানটি পুনরায় সেট করতে চান তবে সর্বাপেক্ষা সহজ উপায় হতে পারে:

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

নথিতে সমস্ত নির্বাচন উপাদান পুনরায় সেট করতে:

$('select').val('')

সম্পাদনা করুন: নীচের একটি মন্তব্য অনুসারে স্পষ্ট করার জন্য, এটি নির্বাচন উপাদানটিকে তার প্রথম ফাঁকা এন্ট্রিতে রিসেট করে এবং শুধুমাত্র যদি তালিকায় একটি ফাঁকা এন্ট্রি উপস্থিত থাকে।


আমি নির্বাচিত ট্যাগটিতে একটি নতুন বিকল্প তৈরি করেছি যার খালি স্ট্রিং ("") এর মান রয়েছে এবং ব্যবহৃত হয়েছে:

$("form.query").find('select#topic').val("");

এই আমাকে অনেক সাহায্য করে।

$(yourSelector).find('select option:eq(0)').prop('selected', true);

এখানে যদি আমি এটি আপনার প্রথম বিকল্পটিতে ফিরে পেতে চাই তবে এটি কীভাবে কাজ করে, যেমন "একটি বিকল্প চয়ন করুন" "Select_id_wrap" স্পষ্টতই নির্বাচনটির চারপাশে বিভক্ত, তবে আমি ঠিক এটিকেই পরিষ্কার করতে চাই এই কাজ কিভাবে কোনো ভারবহন। খনি একটি ক্লিক ফাংশন রিসেট কিন্তু আমি নিশ্চিত যে এটি পরিবর্তনের উপর ভিতরের কাজ করবে ...

$("#select_id_wrap").find("select option").prop("selected", false);

এটি আপনার ফর্মের সমস্ত নির্বাচন বাক্স পুনরায় সেট করতে সবচেয়ে নমনীয় / পুনঃব্যবহারযোগ্য উপায়।

      var $form = $('form') // Replace with your form selector
      $('select', $form).each(function() {
        $(this).val($(this).prop('defaultSelected'));
      });

এরকম কিছু কৌশলটি করা উচিত: https://jsfiddle.net/TmJCE/898/

$('#name2').change(function(){
    $('#name').prop('selectedIndex',0);
});


$('#name').change(function(){
    $('#name2').prop('selectedIndex',0);
});

খুব সহজ:

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

ডিফল্ট মান হিসাবে সংজ্ঞায়িত একটি এলোমেলো বিকল্প উপাদান দিয়ে এটি পরিচালনা করার পদ্ধতি এখানে রয়েছে (এই ক্ষেত্রে পাঠ 2টি ডিফল্ট):

<select id="name2" >
   <option value="">select all</option>
   <option value="1">Text 1</option>
   <option value="2" selected="selected">Text 2</option>
   <option value="3">Text 3</option>
</select>
<script>
    $('#name2 option[selected]').prop('selected', true);
</script>

নির্বাচন করার জন্য বিনিময় ইভেন্ট বিনিময় জন্য jquery ব্যবহার করুন কিন্তু আপনি অন্য $(this) jquery বস্তু তৈরি করতে হবে না।

$('select[name=name2]').change(function(){
    if (this.value) {
        console.log('option value = ', this.value);
        console.log('option text  = ', this.options[this.selectedIndex].text);

        // Reset selected
        this.selectedIndex = this.defaultSelected;
    }
});

মন্তব্যগুলিতে @ পিয়েরেডেলস্পিনইন দ্বারা ইঙ্গিত করা হয়েছে, আমার মূল সমাধানটি ভুল ছিল - এটি ড্রপডাউনকে সর্বোচ্চতম বিকল্পে রিসেট করবে, তবে শুধুমাত্র undefined রিটার্ন মানটি সূচক 0 এ সমাধান করা হবে।

এখানে একটি সঠিক সমাধান, যা selected সম্পত্তিটিকে অ্যাকাউন্টে নিয়ে যায়:

$('#name').change(function(){
    $('#name2').val(function () {
        return $(this).find('option').filter(function () {
            return $(this).prop('defaultSelected');
        }).val();
    });
});

ডেমো : http://jsfiddle.net/weg82/257/

মূল উত্তর - অসম

JQuery 1.6+ এ আপনাকে ডিফল্ট নির্বাচন পেতে .prop পদ্ধতিটি ব্যবহার করতে হবে:

// Resets the name2 dropdown to its default value
$('#name2').val( $('#name2').prop('defaultSelected') );

প্রথম ড্রপডাউন পরিবর্তনের সময় এটি গতিশীলভাবে পুনরায় সেট করতে, .change ইভেন্টটি ব্যবহার করুন:

$('#name').change(function(){
  $('#name2').val( $('#name2').prop('defaultSelected') );
});

যদি আপনি "নির্বাচিত" বৈশিষ্ট্যটি নির্বাচন করে পুনরায় সেট করতে চান তবে এটি ব্যবহার করুন। ফর্ম। রেসেট () ইনব্লিট জাভাস্ক্রিপ্ট ফাংশন অনুরূপ কাজ করে।

 $("#name").val($("#name option[selected]").val());





jquery