Hướng dẫn object htmloptionelement - đối tượng htmloptionelement

Tôi đang cố gắng thu thập tất cả các tùy chọn từ một phần tử chọn và chèn chúng một cách linh hoạt vào một phần tử chọn khác.

    
        Name 1
        Name 2
        Name 3

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

Khi tôi in từng tùy chọn trong vòng lặp, tôi nhận được kết quả cần thiết, nhưng khi tôi thu thập chúng cùng nhau, tôi sẽ kết thúc với kết quả tiếp theo

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

Tôi nên làm gì để tránh những kết quả đó cảm ơn.

Aynber

21.3k8 Huy hiệu vàng49 Huy hiệu bạc59 Huy hiệu Đồng8 gold badges49 silver badges59 bronze badges

Đã hỏi ngày 7 tháng 10 năm 2021 lúc 9:57Oct 7, 2021 at 9:57

Sử dụng .value để nhận giá trị của option

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}


  solid
  dotted
  dashed

Cập nhật

Nếu bạn muốn in lại select với cùng một tùy chọn thì hãy sử dụng

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

0 trên

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

Bạn có thể sử dụng vòng lặp để chạy hoặc có số lần bạn có tùy chọn hoặc bao nhiêu lần bạn muốn

var main_products = document.getElementById['main-products']
document.getElementById['demo'].innerHTML = main_products.outerHTML;


  solid
  dotted
  dashed

Đã trả lời ngày 7 tháng 10 năm 2021 lúc 10:03Oct 7, 2021 at 10:03

RanaranaRana

2.4622 huy hiệu vàng7 Huy hiệu bạc26 Huy hiệu đồng2 gold badges7 silver badges26 bronze badges

Giao diện

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

2 biểu thị các phần tử

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

3 và kế thừa tất cả các thuộc tính và phương thức của giao diện

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

4.
var main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options var standards = ''; for[var i = 0 ; i < main_products_images_standards_select.length ; i++] { standards += main_products_images_standards_select[i]; }
2 interface represents

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

3 elements and inherits all properties and methods of the

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

4 interface.

EventTarget Node Element HTMLelement HTMLOptionEuity

Người xây dựng

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

Trả về một đối tượng

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

2 mới được tạo. Nó có bốn tham số: văn bản để hiển thị,

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

7, giá trị được liên kết,

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

8, giá trị của

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

9 và giá trị của

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

0. Ba tham số cuối cùng là tùy chọn.

Đặc tính

Kế thừa các thuộc tính từ cha mẹ của nó,

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

Có giá trị là

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

3 hoặc

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

4 hiển thị giá trị ban đầu của thuộc tính ____20 HTML, cho biết tùy chọn có được chọn theo mặc định hay không.

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

Có giá trị là

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

3 hoặc

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

4 đại diện cho giá trị của thuộc tính

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

9 HTML, cho thấy tùy chọn không có sẵn được chọn. Một tùy chọn cũng có thể bị vô hiệu hóa nếu đó là một đứa trẻ của một phần tử

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

0 bị vô hiệu hóa.

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

1 Chỉ đọcRead only

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

2 đại diện cho cùng giá trị với

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

3 của phần tử

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

4 tương ứng, nếu tùy chọn là hậu duệ của phần tử

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

4 hoặc null nếu không tìm thấy.

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

6 Chỉ đọcRead only

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

7 đại diện cho vị trí của tùy chọn trong danh sách các tùy chọn mà nó thuộc về, theo thứ tự cây. Nếu tùy chọn không phải là một phần của danh sách các tùy chọn, như khi nó là một phần của phần tử

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}

8, giá trị là

var main_products = document.getElementById['main-products']
var standards = '';
for [var i = 0; i < main_products.length; i++] {
  standards += main_products[i].value;
  document.getElementById['demo'].innerHTML = standards;
}


  solid
  dotted
  dashed

0 Chỉ đọcRead only

Một chuỗi phản ánh giá trị của thuộc tính


  solid
  dotted
  dashed

1 HTML, cung cấp nhãn cho tùy chọn. Nếu thuộc tính này không được đặt cụ thể, hãy đọc nó trả về nội dung văn bản của phần tử.


  solid
  dotted
  dashed

Có giá trị là

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

3 hoặc

[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]

4 cho biết liệu tùy chọn hiện đang được chọn.


  solid
  dotted
  dashed

Một chuỗi chứa nội dung văn bản của phần tử.


  solid
  dotted
  dashed

Một chuỗi phản ánh giá trị của thuộc tính

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

8 HTML, nếu nó tồn tại;Nếu không, phản ánh giá trị của thuộc tính


  solid
  dotted
  dashed

Phương pháp

Không thực hiện bất kỳ phương pháp cụ thể nào, nhưng kế thừa các phương thức từ cha mẹ của nó,

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

Thông số kỹ thuật

Sự chỉ rõ

Tiêu chuẩn HTML # HTMLOPTIONEMENT
# htmloptionelement

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

Phần tử HTML thực hiện giao diện này:

var  main_products_images_standards_select = document.getElementById['main-products-images-standards-select'].options 
var standards = '';
   for[var i = 0 ; i < main_products_images_standards_select.length ; i++]
    {
            standards += main_products_images_standards_select[i];
    }

Cập nhật

Người xây dựng

Đặc tính

Phương pháp

Thông số kỹ thuật

Tính tương thích của trình duyệt web

Xem thêm

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề