jQuery নির্বাচন থেকে অপসারণ অপশন


221

আমার কাছে পাঁচটি নির্বাচন সহ একটি পৃষ্ঠা রয়েছে যা সবার ক্লাসের নাম 'সিটি' রয়েছে। অনক্লিক ইভেন্টটি চালানোর সময় আমাকে প্রতিটি নির্বাচন থেকে 'এক্স' এর মানযুক্ত বিকল্পটি সরিয়ে ফেলতে হবে। আমার কোডটি হ'ল:

$(".ct").each(function() {
    $(this).find('X').remove();
   });

কোথায় আমি ভুল যাচ্ছি?


এটি ভালভাবে কাজ করে:$('select').children('option[value="X"]').remove();
22 瑲

উত্তর:


451

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

$(".ct option[value='X']").each(function() {
    $(this).remove();
});

বা আরও পরিশ্রুত হতে, এটি ঠিক পাশাপাশি কাজ করবে:

$(".ct option[value='X']").remove();

1
এটি আমার পক্ষে কাজ করেছে। ধন্যবাদ। একটি নির্বাচিত মান = '' দিয়ে এটি .ct-এ সীমাবদ্ধ করতে সিনট্যাক্সটি কী?
ব্যবহারকারী 135498

2
আপনার যদি মূল্য জানার দরকার না হয় তবে এটি সবচেয়ে সহজ। উদাহরণস্বরূপ প্রথম বিকল্পটি অপসারণ $ ("# অনুমোদিত") [0] [0]। সরান ();
লাডিয়ু

55
$('.ct option').each(function() {
    if ( $(this).val() == 'X' ) {
        $(this).remove();
    }
});

বা শুধু

$('.ct option[value="X"]').remove();

প্রধান পয়েন্টটি হ'ল findএকটি নির্বাচক স্ট্রিং নেয়, এটিকে খাওয়ানোর মাধ্যমে xআপনি নামক উপাদানগুলির সন্ধান করছেন x


5
+1 টি আমি এই উত্তর আমি মনে করি তার ভাল কারণ আমি পছন্দ করি বা অংশ হিসেবে 'X পরীক্ষা করতে পারেন valueজন্য <select>উপাদান
শরীফ

1
আমি এই উত্তরটি ব্যবহার করেছি কারণ আমাকে ভাল = ০. than ব্যতীত অন্যান্য সমস্ত অপশন অপসারণ করতে হয়েছিল! আমি ব্যবহার করেছি! = 0 এবং কবজির মতো কাজ করেছি :)
মনোমুগ্ধকর

31

find()একটি নির্বাচক লাগে, একটি মান না। এর অর্থ আপনি নিয়মিত jQuery ফাংশন ( $('selector')) ব্যবহার করুন ঠিক তেমনভাবে আপনার এটি ব্যবহার করা প্রয়োজন ।

অতএব আপনার এই জাতীয় কিছু করা দরকার:

$(this).find('[value="X"]').remove();

JQuery এর দেখুন খোঁজ ডক্স।



3

এটি বিকল্প ট্যাগ বা পাঠ্য ক্ষেত্রে উভয় ক্ষেত্রেই কাজ করে:

$("#idname option[value='option1']").remove();

1

যদি আপনার ড্রপডাউনটি কোনও টেবিলের মধ্যে থাকে এবং এর জন্য আপনার কাছে আইডি না থাকে তবে আপনি নিম্নলিখিত jquery ব্যবহার করতে পারেন:

var select_object = purchasing_table.rows[row_index].cells[cell_index].childNodes[1];
$(select_object).find('option[value='+site_name+']').remove();

1

Jquery এর জন্য <1.8 আপনি ব্যবহার করতে পারেন:

$('#selectedId option').slice(index1,index2).remove()

নির্বাচন বিকল্পগুলির একটি স্বতন্ত্র রেঞ্জ অপসারণ করতে।


1

আমি যখন একটি অপসারণ করেছি তখন বিকল্পটি ভিডিতে ডিডিএল থেকে যায়, তবে এইচটিএমএলে চলে গিয়েছিল (যদি আপনি পৃষ্ঠাটি পরিদর্শন করেন)

$("#ddlSelectList option[value='2']").remove(); //removes the option with value = 2
$('#ddlSelectList').val('').trigger('chosen:updated'); //refreshes the drop down list

1

কোনও তালিকা ব্যবহার করে একাধিক আইটেম সরানো। প্রতিক্রিয়াতে পূর্ণসংখ্যার একটি অ্যারে থাকে। $ ('# ওয়ানসিলেটলিস্ট') একটি নির্বাচিত তালিকা।

$.ajax({
    url: "Controller/Action",
    type: "GET",
    success: function (response) {
        // Take out excluded years.
        $.each(response, function (j, responseYear) {
            $('#OneSelectList').find('[value="' + responseYear + '"]').remove();
        });
    },
    error: function (response) {
        console.log("Error");
    }
});
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.