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?

Question

41

Nội dung chính Show

Làm cách nào để loại bỏ tùy chọn tùy chọn đã chọn tùy 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 lựa chọn dựa trên giá trị của nó trong JavaScript?
Làm cách nào để xóa một giá trị đã chọn khỏi danh sách thả xuống?
Làm thế nào để bạn làm trống một lựa chọn trong javascript?

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi có những điều sau đây trong trang

Tôi muốn xóa một số giá trị nhất định khỏi lựa chọn của tôi nếu một số điều kiện nhất định là đúng.

E.g

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

Làm thế nào tôi có thể làm điều này bằng cách sử dụng JavaScript

Linusgeffarth

25.6K29 Huy hiệu vàng113 Huy hiệu bạc169 Huy hiệu đồng29 gold badges113 silver badges169 bronze badges

hỏi ngày 17 tháng 10 năm 2012 lúc 11:07Oct 17, 2012 at 11:07

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?

Đưa ra ID cho đối tượng chọn như thế này:

Bạn có thể làm điều đó trong JavaScript thuần túy:

var selectobject = document.getElementById("mySelect");
for (var i=0; i

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.

Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:14Oct 17, 2012 at 11:14

AndrewandrewAndrew

8598 Huy hiệu bạc9 Huy hiệu Đồng8 silver badges9 bronze badges

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 được kiểm tra với IE (nếu ai đó có thể xác nhận nó ...)

Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:18Oct 17, 2012 at 11:18

Luca Rainoneluca RainoneLuca Rainone

15.7K2 Huy hiệu vàng37 Huy hiệu bạc51 Huy hiệu Đồng2 gold badges37 silver badges51 bronze badges

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:44Apr 11, 2014 at 7:44

DumisanidumisaniDumisani

2.92828 Huy hiệu bạc39 Huy hiệu đồng28 silver badges39 bronze badges

0

Chỉ mục tôi sẽ thay đổi 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:04Mar 28, 2016 at 8:04

Amit Shahamit ShahAmit Shah

7.3535 Huy hiệu vàng37 Huy hiệu bạc 50 Huy hiệu Đồng5 gold badges37 silver badges50 bronze badges

1

Như một số đã đề cập, độ dài của phần tử 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 có ý định xóa một số tùy chọn, bạn có thể gặp vấn đề. Một số đề xuất để 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 chỉ số bên 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 đ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 gold badges33 silver badges53 bronze badges

Đã trả lời ngày 4 tháng 3 năm 2018 lúc 14:52Mar 4, 2018 at 14:52

Jason Saruulojason SaruuloJason Saruulo

1.8074 Huy hiệu vàng19 Huy hiệu bạc21 Huy hiệu đồng4 gold badges19 silver badges21 bronze badges

1

Để xóa các tùy chọn theo 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ả lời ngày 7 tháng 4 năm 2020 lúc 13:39Apr 7, 2020 at 13:39

Luc Wanlinluc WanlinLuc Wanlin

772 huy hiệu bạc5 huy hiệu đồng2 silver badges5 bronze badges


1
Nếu bạn đang sử dụng jQuery, nó sẽ như sau:
Đưa một 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ả lời ngày 17 tháng 10 năm 2012 lúc 11:11Oct 17, 2012
at 11:11
 
Filipe melofilipe meloFilipe Melo
5285 Huy hiệu bạc10 Huy hiệu đồng5
silver badges10 bronze badges
0
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
1
 Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:13Oct 17, 2012 at
11:13
 
Karaxunakaraxunakaraxuna
26.5K13 Huy hiệu vàng81 Huy hiệu bạc114 Huy hiệu đồng13 gold badges81 silver badges114 bronze badges
0

Bạn có thể sử dụng:
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
2Cập nhật: Nếu bạn sửa đổi hộp chọn của mình một chút về điều này: If you modify your select box a bit to this
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ả lời ngày 17 tháng 10 năm 2012 lúc 11:09Oct 17, 2012 at 11:09
 
ThariamathariamaThariama
49.3k11 Huy hiệu vàng136 Huy hiệu bạc160 Huy hiệu đồng11 gold badges136 silver badges160 bronze badges
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 ở đây
 Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:28Oct 17, 2012 at 11:28

Jacob Georgejacob GeorgeJacob George
2.4891 Huy hiệu vàng15 Huy hiệu bạc28 Huy hiệu đồng1 gold badge15 silver badges28 bronze badges
1
Bạn phải đến cha mẹ của nó và loại bỏ nó từ đó trong JavaScript.
"JavaScript sẽ không để một yếu tố tự tử, nhưng nó cho phép vô cùng" .. :)
thử cái này,
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
6
 Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:21Oct 17, 2012 at 11:21
 
Bipenbipenbipen
359K9 Huy hiệu vàng46 Huy hiệu bạc62 Huy hiệu Đồng9 gold badges46 silver badges62 bronze badges
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:35Sep 16, 2016 at 19:35
 
Để xóa tất cả các tùy chọn en quan trọng en cho: xóa (0) - quan trọng: 0
if(frm.product.value=="F"){
  // remove Apple and Cars from the select list
}
9
 Đã trả lời ngày 4 tháng 5 năm 2019 lúc 15:56May 4, 2019 at 15:56
 
Câu trả lời tốt nhất là điều này
 
0 
1
Bởi vì khách truy cập của bạn cũng có thể thêm các tùy chọn 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 đáp ứng nhất mà bạn có thể viết dưới dạng xóa đã chọn ..
Thưởng thức nó :))))
 Đã trả lời ngày 30 tháng 10 năm 2019 lúc 14:06Oct 30, 2019 at 14:06
 
 
2Đặt nó bên trong trường hợp của bạn. Những gì nó làm chỉ là kiểm tra đối tượng hiện tại 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 đó vì bạn có điều đó nếu.
 Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:09Oct 17, 2012 at 11:09
 
Ms01Ms01Ms01
Thariamathariama9 gold badges46 silver badges77 bronze badges
2
49.3k11 Huy hiệu vàng136 Huy hiệu bạc160 Huy hiệu đồng
 
3
Điều này nên làm điều đóFeb 12, 2020 at 16:01

Kiểm tra Fiddle ở đâyettanany
 Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:286 gold badges42 silver badges60 bronze badges
Jacob Georgejacob George
 
4
2.4891 Huy hiệu vàng15 Huy hiệu bạc28 Huy hiệu đồngMay 4, 2021 at 15:40
 
Bạn phải đến cha mẹ của nó và loại bỏ nó từ đó trong JavaScript.
"JavaScript sẽ không để một yếu tố tự tử, nhưng nó cho phép vô cùng" .. :)
thử cái này,
 Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:21
 
5
BipenbipenNov 5, 2020 at 14:04

359K9 Huy hiệu vàng46 Huy hiệu bạc62 Huy hiệu Đồng
 
6
Ngoài ra, bạn cũng có thể thực hiện điều này với getElementsByNameAug 21 at 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.Sorter
 Đã trả lời ngày 16 tháng 9 năm 2016 lúc 19:355 gold badges60 silver badges71 bronze badges
Loại bỏ một tùy chọn
 
7
 Đã trả lời ngày 17 tháng 10 năm 2012 lúc 11:09Oct 17, 2012 at 11:09
 
UdanudanUdan
5.3542 Huy hiệu vàng28 Huy hiệu bạc34 Huy hiệu đồng2 gold badges28 silver badges34 bronze badges
0
 
Làm cách nào để loại bỏ tùy chọn tùy chọn đã chọn tùy chọn?
Giá trị được loại bỏ được chỉ định trên bộ chọn giá trị (giá trị = 'Tùy chọnValue') trên hộp Chọn. Phương thức Remove () sau đó được sử dụng để loại bỏ 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ị với bộ chọn giá trị.The remove() method is then used to remove this selected option. The find() method can be used to find the option in the value with the value selector.
Làm thế nào tôi có thể vô hiệu hóa một tùy chọn trong một lựa chọn dựa trên giá trị của nó trong JavaScript?
Làm thế nào tôi có thể vô hiệu hóa một tùy chọn trong một lựa chọn dựa trên giá trị của nó trong JavaScript ?..
 tài liệu.getEuityByid ("một").onchange = function () {.
 tài liệu.getEuityByid ("hai").setAttribution ("đã tắt", "vô hiệu hóa") ;.
 if (cái này. value == 'xe').
 tài liệu.getEuityByid ("hai").RemoveAttribution ("Vô hiệu hóa") ;.
 
Làm cách nào để xóa một giá trị đã chọn khỏi danh sách thả xuống?
Sử dụng: Đã chọn Pseudo-Selector để chọn tùy chọn đã chọn từ thả xuống và xóa () để xóa nó khỏi DOM..
Làm thế nào để bạn làm trống một lựa chọn trong javascript?
Để xóa lựa chọn các giá trị được chọn bằng cách sử dụng Drop Down, chúng ta có thể sử dụng hàm trống ().Việc thả xuống có thể được đặt lại bằng cách sử dụng jQuery.$ ((##Select2_example).use the empty() function. The dropdown can be reset using Jquery. $(“#select2_example”).

programming javascript Selectbox options add Disable select option

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?

Làm cách nào để loại bỏ tùy chọn tùy chọn đã chọn tùy 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 lựa chọn dựa trên giá trị của nó trong JavaScript?

Làm cách nào để xóa một giá trị đã chọn khỏi danh sách thả xuống?

Làm thế nào để bạn làm trống một lựa chọ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