programming javascript

Làm cách nào để có được chỉ mục thả xuống đã chọn trong JavaScript?

Nhận giá trị của một lựa chọn trong HTML là một câu hỏi khá lặp đi lặp lại. Tìm hiểu cách trả về giá trị và văn bản của danh sách thả xuống bằng JavaScript hoặc jQuery thuần túy

Giả sử bạn có đoạn mã sau


	English
	Español
	Português

Có hai mẩu thông tin chúng tôi có thể muốn nhận được trong trường hợp này

  • Giá trị của tùy chọn đã chọn
  • Văn bản của tùy chọn đã chọn

Cách lấy giá trị của một lựa chọn

Để lấy giá trị của một lựa chọn hoặc danh sách thả xuống trong HTML bằng cách sử dụng JavaScript thuần túy, trước tiên, chúng tôi lấy thẻ chọn, trong trường hợp này là theo id, sau đó chúng tôi lấy giá trị đã chọn thông qua thuộc tính selectIndex

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en

Giá trị "en" sẽ được in trên bảng điều khiển [Ctrl + Shift + J để mở bảng điều khiển]

Lấy giá trị của một lựa chọn với jQuery

$['#language'].val[]; // en

Cách lấy văn bản của một lựa chọn

Để lấy nội dung của một tùy chọn, nhưng không lấy giá trị, mã gần như giống nhau, chỉ cần lấy thuộc tính văn bản thay vì giá trị

selectElement.options[selectElement.selectedIndex].value
6 là một 
selectElement.options[selectElement.selectedIndex].value
7 phản ánh chỉ mục của phần tử 
selectElement.options[selectElement.selectedIndex].value
8 được chọn đầu tiên hoặc cuối cùng, tùy thuộc vào giá trị của 
selectElement.options[selectElement.selectedIndex].value
9. Giá trị 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
00 cho biết không có phần tử nào được chọn

Một số

selectedIndex: 0


  Option A
  Option B
  Option C
  Option D
  Option E



const selectElem = document.getElementById['select']
const pElem = document.getElementById['p']

// When a new  is selected
selectElem.addEventListener['change', [] => {
  const index = selectElem.selectedIndex;
  // Add that data to the 

  pElem.textContent = `selectedIndex: ${index}`;
}]

Sự chỉ rõ

Bảng BCD chỉ tải trong trình duyệt có bật JavaScript. Bật JavaScript để xem dữ liệu

Tìm thấy một vấn đề với trang này?

  • Chỉnh sửa trên GitHub
  • Nguồn trên GitHub
  • Báo cáo sự cố với nội dung này trên GitHub
  • Bạn muốn tự khắc phục sự cố?

Sửa đổi lần cuối. Ngày 9 tháng 9 năm 2022, bởi những người đóng góp MDN

Thuộc tính danh sách thả xuống được chọnChỉ mục trong HTML DOM được đặt hoặc trả về chỉ mục của tùy chọn đã chọn trong danh sách thả xuống

  1. Nhận từ thuộc tính selectIndex
  1. Đặt thuộc tính Chọn chỉ mục đã chọn

Chỉ mục bắt đầu từ 0 và nếu không có phần tử nào được chọn thì nó trả về -1. Nếu danh sách thả xuống cho phép nhiều lựa chọn, nó sẽ chỉ trả về chỉ mục của tùy chọn đầu tiên được chọn

Trong bài viết này, chúng ta sẽ học cách lấy các giá trị đã chọn trong dropdown list trong Javascript. Chúng ta có thể lấy các giá trị bằng 2 phương thức

  • Bằng cách sử dụng thuộc tính giá trị
  • Bằng cách sử dụng thuộc tính selectIndex với thuộc tính tùy chọn

Chúng ta sẽ hiểu cả hai phương pháp này thông qua các ví dụ

Phương pháp 1. Sử dụng thuộc tính giá trị.  

The value of the selected element can be found by using the value property on the selected element that defines the list. This property returns a string representing the value attribute of the element in the list. If no option is selected then nothing will be returned.

cú pháp

selectElement.value

Ví dụ. Ví dụ này mô tả thuộc tính giá trị có thể được tìm thấy cho các phần tử đã chọn

HTML




var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
01

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

________ 103 ________ 104 ________ 105

________ 106 ________ 103 ________ 108 ________ 105

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
2

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
4

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
selectElement.options[selectElement.selectedIndex].value
6
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
08
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
6____104____105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

________ 103 ________ 1014 ________ 105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03____1018 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
019
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
021
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
1
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
024

________ 106 ________ 66 ________ 1018 ________ 1028

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03____1031
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
1
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
034

selectElement.options[selectElement.selectedIndex].value
1
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
036

________ 106 ________ 66 ________ 1031 ________ 105

________ 106 ________ 103 ________ 1043 ________ 1044

selectElement.options[selectElement.selectedIndex].value
1
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03____1047 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
048
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
050
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
052
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
055
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
057
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
058
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
052
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
055
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
066
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
067
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
052
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
055
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
035
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
036
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
6
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
047
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

________ 106 ________ 66 ________ 1043 ________ 105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

________ 106 ________ 103 ________ 1043 ________ 602

selectElement.options[selectElement.selectedIndex].value
1
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
selectElement.options[selectElement.selectedIndex].value
05 
selectElement.options[selectElement.selectedIndex].value
06
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
selectElement.options[selectElement.selectedIndex].value
08
selectElement.options[selectElement.selectedIndex].value
09
selectElement.options[selectElement.selectedIndex].value
05
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

________ 106 ________ 66 ________ 1043 ________ 105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
selectElement.options[selectElement.selectedIndex].value
20 
selectElement.options[selectElement.selectedIndex].value
21
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
selectElement.options[selectElement.selectedIndex].value
23
selectElement.options[selectElement.selectedIndex].value
24
selectElement.options[selectElement.selectedIndex].value
20
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
27

________ 106

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
selectElement.options[selectElement.selectedIndex].value
30 ________ 631
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
selectElement.options[selectElement.selectedIndex].value
33 _______ 105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
selectElement.options[selectElement.selectedIndex].value
36

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
38

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
40

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
42

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
selectElement.options[selectElement.selectedIndex].value
44

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
selectElement.options[selectElement.selectedIndex].value
6
selectElement.options[selectElement.selectedIndex].value
30
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
6____1014
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

________ 66 ________ 654 ________ 105

đầu ra

giá trị tài sản

Phương pháp 2. Sử dụng thuộc tính selectIndex với thuộc tính tùy chọn

The selectedIndex property returns the index of the currently selected element in the dropdown list. This index starts from 0 and returns -1 if no option is selected. The options property returns the collection of all the option elements in the dropdown list. The elements are sorted according to the source code of the page. The index found before it can be used with this property to get the selected element. This option’s value can be found by using the value property.

cú pháp

selectElement.options[selectElement.selectedIndex].value

Giá trị tài sản

  • selectedIndex: It is used to set or get the index of the selected element in the collection.
  • length: It is read-only property that is used to get the number of elements in the collection.

Return value: It returns HTMLOptionsCollection Object by specifying all the elements in the element. The element will be sorted in the collection

Ví dụ. Ví dụ này mô tả thuộc tính selectIndex với thuộc tính tùy chọn

HTML




var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
01

________ 103 ________ 104 ________ 105

________ 106 ________ 103 ________ 108 ________ 105

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
2

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
4

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
selectElement.options[selectElement.selectedIndex].value
6
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
08
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
6____104____105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

________ 103 ________ 1014 ________ 105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03____1018 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
019
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
021
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
1
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
024

________ 106 ________ 66 ________ 1018 ________ 1028

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03____1031
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
2

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
4

________ 106 ________ 66 ________ 1031 ________ 105

________ 106 ________ 103 ________ 1043 ________ 1044

selectElement.options[selectElement.selectedIndex].value
1
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03____1047 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
048
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
050
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
052
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
055
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
057
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
058
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
052
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
055
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
066
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
067
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
052
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054 
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
055
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
035
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
036
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
054
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
6
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
047
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

________ 106 ________ 66 ________ 1043 ________ 105

________ 106 ________ 103 ________ 1043 ________ 602

selectElement.options[selectElement.selectedIndex].value
1
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
selectElement.options[selectElement.selectedIndex].value
05 
selectElement.options[selectElement.selectedIndex].value
06
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
selectElement.options[selectElement.selectedIndex].value
08____609
selectElement.options[selectElement.selectedIndex].value
05
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
028

________ 106 ________ 66 ________ 1043 ________ 105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
selectElement.options[selectElement.selectedIndex].value
20 
selectElement.options[selectElement.selectedIndex].value
21
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
selectElement.options[selectElement.selectedIndex].value
23
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
0175
selectElement.options[selectElement.selectedIndex].value
20
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

________ 106

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
03
selectElement.options[selectElement.selectedIndex].value
30 ________ 631
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
020
selectElement.options[selectElement.selectedIndex].value
33 _______ 105

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
selectElement.options[selectElement.selectedIndex].value
36

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
38

_______61____10191

selectElement.options[selectElement.selectedIndex].value
1
selectElement.options[selectElement.selectedIndex].value
42

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
selectElement.options[selectElement.selectedIndex].value
44

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
06
selectElement.options[selectElement.selectedIndex].value
6
selectElement.options[selectElement.selectedIndex].value
30
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

selectElement.options[selectElement.selectedIndex].value
6____1014
var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
05

var select = document.getElementById['language'];
var value = select.options[select.selectedIndex].value;
console.log[value]; // en
02

________ 66 ________ 654 ________ 105

đầu ra

Thuộc tính SelectedIndex với thuộc tính tùy chọn

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Làm cách nào để lấy chỉ mục đã chọn trong JavaScript?

Chọn Thuộc tính Chỉ mục đã chọn .
Select the element with index "2": getElementById["mySelect"]. selectedIndex = "2";.
Bỏ chọn tất cả các tùy chọn. getElementById["mySelect"]. đã chọn Index = "-1";
Thuộc tính selectIndex sẽ trả về "-1" nếu không có tùy chọn nào được chọn. getElementById["mySelect"]. mục lục được chọn;

Làm cách nào để lấy văn bản đã chọn từ danh sách thả xuống trong JavaScript?

tài liệu. getElementById['gửi']. title = chức năng [] {
var e = tài liệu. getElementById["thú cưng"];
văn bản var = e. tùy chọn [e. mục lục được chọn]. chữ;
tài liệu. getElementById["thùng chứa"]. innerHTML = 'Văn bản được chọn là ' + văn bản;

Làm cách nào để nhận giá trị từ điều khiển chọn thả xuống trong JavaScript?

Nhận giá trị được chọn thả xuống bằng JavaScript .
chức năng GetMaster1Details[]
var value = document. getElementById[""];.
var getvalue = giá trị. tùy chọn [giá trị. mục lục được chọn]. giá trị;
var gettext = giá trị. tùy chọn [giá trị. mục lục được chọn]. .
cảnh báo ["giá trị. -" +" "+ getvalue + " "+ "Văn bản. -" +" "+ gettext];

Làm cách nào để lấy giá trị đã chọn từ thẻ chọn trong JavaScript?

Phương thức val[] trả về giá trị của giá trị thuộc tính đã chọn . để lựa chọnValue = $["#selectVal tùy chọn. đã chọn"]. giá trị[]; .

Bài Viết Liên Quan

Ngôn ngữ JavaScript chức năng
Sự khác biệt giữa c và python và java
Lễ hội hóa trang 2023 Santa Cruz Bôlivia
Kansas basketball 2022-2023 roster
Python cho tôi trong danh sách phạm vi
Python có hỗ trợ liên kết tĩnh không?
Làm thế nào để bạn đếm một giá trị từ điển trong python?
Làm thế nào để bạn tính toán sự khác biệt giữa hai ngày trong Carbon?
Tham gia lược đồ chéo mysql
Có bao nhiêu tham số có thể được truyền trong hàm Python?
Tại sao không thể thay đổi tên người dùng WordPress?
2023 Telugu year name
Xóa JavaScript WordPress không sử dụng mà không cần plugin
Làm thế nào để bạn viết một chức năng trong javascript?
Công thức Excel không hiển thị màu
Chạy chương trình php trong kali linux như thế nào?
Cách sử dụng mảng động trong python
Câu trả lời trại dữ liệu Python trung gian
Thêm phụ thuộc mysql vào pom xml
1 đô philippin bằng bao nhiêu tiền việt nam

Toplist mới

#1
Top 9 tập bản đồ lớp 8 bài 31 2023
6 tháng trước
#2
Top 6 kết quả thi hsg đà nẵng 2022 2023
6 tháng trước
#3
Top 9 tủ nhựa đài loan 4 cánh 3d 2023
6 tháng trước
#4
Top 9 chất khí có thể làm mất màu dung dịch nước brom là: a. so2. b. co2. c. o2. d. hcl. 2023
6 tháng trước
#5
Top 8 tìm việc làm tiện, phay bảo q7 2023
6 tháng trước
#6
Top 3 tôi xuyên thành tiểu kiều the của lão đại phản 2 2023
6 tháng trước
#7
Top 9 đổi mới phong cách, thái độ phục vụ của cán bộ y tế hướng tới sự hài lòng của người bệnh 2023
6 tháng trước
#8
Top 2 bài the dục phát triển chung lớp 6 2022 2023
6 tháng trước
#9
Top 3 bài giảng vũ điệu sắc màu (lớp 4) 2023
6 tháng trước

Bài mới nhất

Bệnh viêm mô tế bào là gì năm 2024
Tỷ số khả năng thanh toán ngắn hạn năm 2024
Lý luận mác lênin có phải đã lỗi thời năm 2024
Vợ chồng sinh năm 1988 nên sinh con năm nào năm 2024
Viết một đoạn văn tả cây bóng mát năm 2024
Bất tử khác với bất diệt ở chỗ nào năm 2024
Giải bài 12 sbt toán 9 tập 1 trang 62 năm 2024
Nên treo gương bát quái vào ngày nào năm 2024
Bài tập đệ quy quay lui trong c năm 2024
Kem chống rạn da cho bà bầu loại nào tốt năm 2024

Chủ Đề

programming Hỏi Đáp Toplist Là gì Mẹo Hay Địa Điểm Hay Học Tốt mẹo hay Công Nghệ Nghĩa của từ Bao nhiêu Khỏe Đẹp đánh giá Top List bao nhieu bao nhiêu hướng dẫn Xây Đựng So Sánh Bài tập Tiếng anh So sánh Sản phẩm tốt Ngôn ngữ Bài Tập javascript Ở đâu Thế nào Hướng dẫn Dịch Máy tính Tại sao Đại học Món Ngon Khoa Học