Tránh nan trong javascript

Question

Nhưng - như các câu trả lời khác cho thấy - việc sử dụng jQuery hoặc một số thư viện JS khác sẽ dễ dàng hơn rất nhiều

Hướng dẫn how to remove option value in select by javascript? - làm thế nào để loại bỏ giá trị tùy chọn trong lựa chọn bằng javascript?

Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 14 17 tháng 10, 2012 lúc 11. 14

Andrewandrew Andrew

8598 Huy hiệu bạc9 Huy hiệu Đồng8 huy hiệu bạc9 huy hiệu đồng

4

với JavaScript thuần túy

var condition = true; // your condition
if(condition) {
    var theSelect = document.getElementById('val');
    var options = theSelect.getElementsByTagName('OPTION');
    for(var i=0; i

Không thể kiểm tra với IE (nếu ai đó có thể xác nhận nó. )

Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 18 17 tháng 10, 2012 lúc 11. 18

Luca Rainoneluca Rainone Luca Rainone

15. 7K2 Huy hiệu vàng37 Huy hiệu bạc51 Huy hiệu Đồng2 huy hiệu vàng37 huy hiệu bạc51 huy hiệu đồng

1

Kiểm tra giải pháp jQuery tại đây

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

Đã trả lời ngày 11 tháng 4 năm 2014 lúc 7. 44 11 Tháng tư 2014 lúc 7. 44

Dumisanidumisani Dumisani

2. 92828 Huy hiệu bạc39 Huy hiệu đồng28 huy hiệu bạc39 huy hiệu đồng

0

Tôi sẽ thay đổi chỉ mục ngay khi nó loại bỏ phần tử thứ nhất. Mã này sẽ xóa các giá trị 52-140 khỏi hộp kết hợp kênh WiFi

obj = document.getElementById("id");
if (obj)
{
        var l = obj.length;
        for (var i=0; i < l; i++)
        {
            var channel = obj.options[i].value;

            if ( channel >= 52 &&  channel <= 140 )
            {
                obj.remove(i);
                i--;//after remove the length will decrease by 1 
            }
        }
    }

Đã trả lời ngày 28 tháng 3 năm 2016 lúc 8. 04 28/03/2016 lúc 8. 04

Amit Shahamit Shah Amit Shah

7. 3535 Huy hiệu vàng37 Huy hiệu bạc 50 Huy hiệu Đồng5 huy hiệu vàng37 huy hiệu bạc50 huy hiệu đồng

1

Như một số vấn đề đã được cập nhật, độ dài của phần tử tùy chọn giảm khi loại bỏ một tùy chọn. Nếu bạn chỉ muốn xóa một tùy chọn thì đây không phải là vấn đề nhưng nếu bạn muốn xóa một số tùy chọn, bạn có thể gặp vấn đề. Một số tiêu đề xuất hiện để giảm chỉ số bằng tay khi loại bỏ một tùy chọn. Theo ý kiến của tôi, việc giảm một số bên chỉ trong một vòng lặp không phải là một ý tưởng tốt. Đây là lý do tại sao tôi sẽ đề xuất một chút khác biệt cho vòng lặp nơi chúng tôi lặp lại tất cả các tùy chọn từ phía sau

var selectElement = document.getElementById("selectId");

for (var i = selectElement.length - 1; i >= 0; i--){
  if (someCondition) {
    selectElement.remove(i);
  }
}

Nếu bạn muốn xóa tất cả các tùy chọn, bạn có thể làm bất cứ điều gì như thế này

var selectElement = document.getElementById("selectId");

while (selectElement.length > 0) {
  selectElement.remove(0);
}

Maggyero

5. 0563 Huy hiệu vàng33 Huy hiệu bạc53 Huy hiệu Đồng3 huy hiệu vàng33 huy hiệu bạc53 huy hiệu đồng

Đã trả lời ngày 4 tháng 3 năm 2018 lúc 14. 52 Ngày 4 tháng 3 năm 2018 lúc 14. 52

Jason Saruulojason Saruulo Jason Saruulo

1. 8074 Huy hiệu vàng19 Huy hiệu bạc21 Huy hiệu đồng4 huy hiệu vàng19 huy hiệu bạc21 huy hiệu đồng

1

Để xóa các tùy chọn theo lựa chọn theo giá trị tôi sẽ thực hiện (trong JS thuần túy)

[...document.getElementById('val').options]
    .filter(o => o.value === 'A' || o.value === 'C')
    .forEach(o => o.remove());

Đã trả ngày 7 tháng 4 năm 2020 lúc 13. 39 7 tháng 4, 2020 lúc 13. 39

Luc Wanlinluc Wanlin Luc Wanlin

772 huy hiệu bạc5 huy hiệu đồng2 huy hiệu bạc5 huy hiệu đồng

1

Nếu bạn đang sử dụng jQuery, nó sẽ như sau

điền ID cho lựa chọn của bạn

if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}

0Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 11 17 tháng 10, 2012 lúc 11. 11
Filipe melofilipe melo Filipe Melo
5285 Huy hiệu bạc10 Huy hiệu đồng5 huy hiệu bạc10 huy hiệu đồng
0
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
1Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 13 17 tháng 10, 2012 lúc 11. 13
Karaxunakaraxuna karaxuna
26. 5K13 Huy hiệu vàng81 Huy hiệu bạc114 Huy hiệu đồng13 Huy hiệu vàng81 Huy hiệu bạc114 Huy hiệu đồng
0
You can't use
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
2Update. Nếu bạn sửa đổi hộp lựa chọn của mình một chút về điều này. Nếu bạn sửa đổi hộp chọn của mình một chút thành này
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
3Giải pháp không phải là JQuery sẽ là
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
4Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 09 17/10/2012 lúc 11. 09



Thariamathariama Thariama
49. 3k11 Huy hiệu vàng136 Huy hiệu bạc160 Huy hiệu đồng11 huy hiệu vàng136 huy hiệu bạc160 huy hiệu đồng
2
Điều này nên làm điều đó
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
5Kiểm tra Fiddle tại đây
Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 28 17 tháng 10 năm 2012 lúc 11. 28
Jacob Georgejacob George Jacob George
2. 4891 Huy hiệu vàng15 Huy hiệu bạc28 Huy hiệu đồng1 huy hiệu vàng15 huy hiệu bạc28 huy hiệu đồng
1
Bạn phải đến cha mẹ của nó và loại bỏ nó khỏi đó trong JavaScript
"JavaScript sẽ không cho phép một yếu tố tự tử, nhưng nó cho phép vô cùng". . )
try this one,
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
6Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 21 17/10/2012 lúc 11. 21
Bipenbipen bipen
359K9 Huy hiệu vàng46 Huy hiệu bạc62 Huy hiệu Đồng9 huy hiệu vàng46 huy hiệu bạc62 huy hiệu đồng
0
Ngoài ra, bạn cũng có thể thực hiện điều này với getElementsByNamegetElementsByName
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
7Vì vậy, khi khớp với giá trị tùy chọn của "C", chúng tôi có thể loại bỏ xe khỏi danh sách
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
8Đã trả lời ngày 16 tháng 9 năm 2016 lúc 19. 35 16 Tháng chín 2016 lúc 19. 35
To delete all the options enquan trọng en for. xóa (0) - quan trọng. 0
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
9Đã trả ngày 4 tháng 5 năm 2019 lúc 15. 56 4 Tháng Năm, 2019 lúc 15. 56
Câu trả lời tốt nhất là điều này
$("#selectBox option[value='option1']").remove();
60$("#selectBox option[value='option1']").remove();
61Bởi vì khách truy cập của bạn có thể thêm các tùy chọn tùy chỉnh tùy chỉnh như anh ấy muốn và xóa chúng mà không cần bất kỳ thông tin nào về các tùy chọn của anh ấy. Mã này là mã xóa câu trả lời tốt nhất mà bạn có thể viết dưới dạng xóa đã chọn
Thưởng thức nó. ))))
Đã trả ngày 30 tháng 10 năm 2019 lúc 14. 06 30/10/2019 lúc 14. 06



$("#selectBox option[value='option1']").remove();
62Đặt nó bên trong trường hợp của bạn. Những gì nó làm chỉ là kiểm tra các đối tượng hiện trong tài liệu và thay thế nó không có gì. Trước tiên, bạn sẽ có quá nhiều vòng lặp trong danh sách, tôi đoán bạn đã làm điều đó bởi vì bạn có điều đó nếu
Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 09 17/10/2012 lúc 11. 09
Ms01Ms01 Ms01
Thariamathariama9 huy hiệu vàng46 huy hiệu bạc77 huy hiệu đồng
2
49. 3k11 Huy hiệu vàng136 Huy hiệu bạc160 Huy hiệu đồng
$("#selectBox option[value='option1']").remove();
63Điều này nên làm điều đó Tháng hai 12, 2020 lúc 16. 01
Kiểm tra Fiddle ở đây ettanany
Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 286 huy hiệu vàng42 huy hiệu bạc60 huy hiệu đồng
Jacob Georgejacob George
$("#selectBox option[value='option1']").remove();
642. 4891 Huy hiệu vàng15 Huy hiệu bạc28 Huy hiệu đồng 4 Tháng Năm, 2021 lúc 15. 40
Bạn phải đến cha mẹ của nó và loại bỏ nó khỏi đó trong JavaScript
"JavaScript sẽ không cho phép một yếu tố tự tử, nhưng nó cho phép vô cùng". . )
try this one,
Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11. 21
$("#selectBox option[value='option1']").remove();
65Bipenbipen 5 tháng 11, 2020 lúc 14. 04
359K9 Huy hiệu vàng46 Huy hiệu bạc62 Huy hiệu Đồng
$("#selectBox option[value='option1']").remove();
66 Bật ra, bạn cũng có thể thực hiện điều này với getElementsByName 21 tháng 8 lúc 5. 12
Vì vậy, khi khớp với giá trị tùy chọn của "C", chúng tôi có thể loại bỏ xe khỏi danh sách. Trình sắp xếp
Đã trả lời ngày 16 tháng 9 năm 2016 lúc 19. 355 huy hiệu vàng60 huy hiệu bạc71 huy hiệu đồng
Loại bỏ một tùy chọn
$("#selectBox option[value='option1']").remove();
67Đã trả ngày 17 tháng 10 năm 2012 lúc 11. 09 17/10/2012 lúc 11. 09
Udanudan Udan
5. 3542 Huy hiệu vàng28 Huy hiệu bạc34 Huy hiệu đồng2 huy hiệu vàng28 huy hiệu bạc34 huy hiệu đồng
0
Làm cách nào để loại bỏ tùy chọn tùy chọn đã chọn?
Giá trị bị loại bỏ chỉ được định trên bộ giá trị lựa chọn (giá trị = 'Giá trị tùy chọn') trên hộp Chọn. Phương thức Remove() after that used to remove this option đã chọn. Phương thức Find() can be used to find the option in the value with the select the value. Phương thức remove() sau đó được sử dụng để xóa tùy chọn đã chọn này . Phương thức find() có thể được sử dụng để tìm tùy chọn trong giá trị bằng bộ chọn giá trị. 
Làm thế nào tôi có thể vô hiệu hóa một tùy chọn trong một tùy chọn dựa trên giá trị của nó trong JavaScript ?

programming javascript

Tránh nan trong javascript

Làm cách nào để loại bỏ tùy chọn tùy chọn đã chọn?

Làm thế nào tôi có thể vô hiệu hóa một tùy chọn trong một tùy chọn dựa trên giá trị của nó trong JavaScript ?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội