Hướng dẫn này hướng dẫn về thuộc tính giá trị văn bản và hàm jQuery val[] để lấy giá trị của hộp văn bản JavaScript
Thuộc tính giá trị văn bản được sử dụng để trả về hoặc đặt giá trị cho thuộc tính giá trị của trường đầu vào. Thuộc tính giá trị hiển thị giá trị ban đầu của hộp văn bản đầu vào. Nó có thể có giá trị do người dùng xác định hoặc giá trị mặc định
Phương thức
Learning JavaScript Get Textbox Value
Full Name:
Submit
7 của jQuery là lấy giá trị của phần tử biểu mẫu. Ở đây, phần tử biểu mẫu có nghĩa là các phần tử
Learning JavaScript Get Textbox Value
Full Name:
Submit
8,
Learning JavaScript Get Textbox Value
Full Name:
Submit
9 và function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
0. Nó trả về function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
0 nếu được gọi trên một bộ sưu tập trống. Hàm
Learning JavaScript Get Textbox Value
Full Name:
Submit
7 đặt hoặc trả về giá trị của thuộc tính giá trị của phần tử được chọnSử dụng chức năng này, chúng ta có thể đặt giá trị của thuộc tính giá trị cho tất cả các phần tử được khớp và trả về giá trị của thuộc tính giá trị của phần tử được khớp đầu tiên. Hãy nhớ rằng, chức năng này chủ yếu được sử dụng với các phần tử biểu mẫu HTML
Mã HTML sẽ giữ nguyên cho tất cả các ví dụ [ngoại trừ mã sử dụng
Mã HTML
Learning JavaScript Get Textbox Value
Full Name:
Submit
Các cách khác nhau để lấy giá trị của hộp văn bản JavaScript
Các đoạn mã JavaScript khác nhau được cung cấp bên dưới để lấy giá trị của hộp văn bản JavaScript
function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
ĐẦU RA
Phương thức đầu tiên mà chúng ta đang học để lấy giá trị của textbox là
function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
2. Nó chọn phần tử đầu tiên có thuộc tính id với giá trị cụ thể [ở đây, nó là function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
3], nhận giá trị của nó bằng cách sử dụng thuộc tính function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
4 và lưu nó vào biến function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
5. function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
2 được sử dụng lại để sửa đổi nội dung của phần tử có giá trị của id là function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
7. Để cập nhật nội dung, thuộc tính function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
8 được sử dụng
Learning JavaScript Get Textbox Value
Full Name:
Submit
0ĐẦU RA
Đoạn mã JavaScript ở trên sử dụng
function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
9 để lấy danh sách tất cả các phần tử có tên đã cho [ví dụ: function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
3]. Giá trị của phần tử tại chỉ số 0 được chọn từ danh sách tất cả các phần tử. Điều này cũng có thể được sử dụng nếu phần tử của bạn không có thuộc tính id
Learning JavaScript Get Textbox Value
Full Name:
Submit
3ĐẦU RA
Đoạn code trên sửa đổi nội dung của một phần tử có giá trị id là
function nameFunction[]{
var element = document.getElementById["fullName"].value;
document.getElementById["displayName"].innerHTML = element;
}
7 và gán giá trị nhận được từ chỉ số 0. Hãy nhớ rằng, bạn phải có một phần tử trong tệp HTML của mình để nhận giá trị theo chỉ mục
Learning JavaScript Get Textbox Value
Full Name:
Submit
5ĐẦU RA
Đoạn mã đưa ra ở trên trình bày phương pháp jQuery
Learning JavaScript Get Textbox Value
Full Name:
Submit
7, được sử dụng để truy cập giá trị của hộp văn bản JavaScript. Phương thức này lấy giá trị của phần tử
Learning JavaScript Get Textbox Value
Full Name:
Submit
8 đầu tiên có kiểu là
Learning JavaScript Get Textbox Value
Full Name:
Submit
04. Đừng quên bao gồm jQuery trong thẻ