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




jquery w3schools (14)

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

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

আমি দুটি এইচটিএমএল 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

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


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

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

মন্তব্যগুলিতে @ পিয়েরেডেলস্পিনইন দ্বারা ইঙ্গিত করা হয়েছে, আমার মূল সমাধানটি ভুল ছিল - এটি ড্রপডাউনকে সর্বোচ্চতম বিকল্পে রিসেট করবে, তবে শুধুমাত্র 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') );
});

এটি ব্যবহার করা যেতে পারে

$('#name2').change(function(){
    $('#name').val('');//You can set the first value of first one if that is not empty
});


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

নীচের কোড ব্যবহার করুন। এখানে কাজ করে দেখুন http://jsfiddle.net/usmanhalalit/3HPz4/

 $(function(){
     $('#name').change(function(){
         $('#name2 option[value=""]').attr('selected','selected');
     });

     $('#name2').change(function(){
         $('#name option[value=""]').attr('selected','selected');
     });
 });

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

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


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

এখানে ব্যবহার করে সেরা সমাধান আমি। এই 1 slectbox জন্য আবেদন করা হবে

$("select").change(function(){
    var thisval = $(this).val();
    $("select").prop('selectedIndex',0);
    $(this).val(thisval);
})


খুব সহজ:

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

আমি জাভাস্ক্রিপ্ট v1.9.1 তে @ জেনস রোল্যান্ড দ্বারা উত্তরটিতে ডিফল্ট নির্বাচিত পছন্দটি ব্যবহার করে একটি সমস্যা ছিল। আরো জেনেরিক উপায় (অনেকগুলি নির্ভরশীল নির্বাচন করে) আপনার নির্ভরশীল নির্বাচনগুলির মধ্যে একটি ডেটা-ডিফল্ট গুণাবলি স্থাপন করবে এবং পুনরায় সেট করার সময় তাদের মাধ্যমে পুনরাবৃত্তি করবে।

<select id="name0" >
    <option value="">reset</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

<select id="name1" class="name" data-default="1">
    <option value="">select all</option>
    <option value="1" selected="true">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

<select id="name2" class="name" data-default="2">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2" selected="true">Text 2</option>
    <option value="3">Text 3</option>
</select>

এবং জাভাস্ক্রিপ্ট ...

$('#name0').change(function(){
    if($('#name0').val() == '') {
        $('select.name').each(function(index){
          $(this).val($(this).data('default'))  
        })
    } else {
      $('select.name').val($('#name0').val() );
    }
});

উপরে বর্ণিত একটি কাজের সংস্করণের জন্য http://jsfiddle.net/8hvqN/ দেখুন।


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

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

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

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

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

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

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


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

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

ডিফল্ট বিকল্পে সমস্ত নির্বাচন ক্ষেত্র পুনরায় সেট করতে এই কোডটি ব্যবহার করুন, যেখানে নির্বাচিত বৈশিষ্ট্যটি সংজ্ঞায়িত করা হয়েছে।

<select id="name1" >
    <option value="1">Text 1</option>
    <option value="2" selected="selected" >Default Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name2" >
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3" selected="selected" >Default Text 3</option>
</select>
<script>
    $('select').each( function() {
        $(this).val( $(this).find("option[selected]").val() );
    });
</script>

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

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




jquery