Điền vào biểu mẫu web bằng JavaScript
|
(Bài viết này lấy một số kiến thức đã biết về HTML, CSS và JavaScript. ) Bạn có thể nhận thấy rằng đôi khi các trang web như thương mại điện tử hoặc một số trang web của chính phủ có hai trường địa chỉ trong biểu mẫu của chúng. Một cho địa chỉ chính và một cho địa chỉ phụ (hoặc một cho địa chỉ thanh toán và một cho địa chỉ giao hàng, v.v.). Hầu hết thời gian mọi người có cùng địa chỉ chính và phụ và để giúp chúng tôi không phải nhập lại cùng một dữ liệu tẻ nhạt, họ có một số loại tùy chọn để tự động sao chép nội dung của trường này sang trường khác. Chúng ta sẽ xem cách tạo loại biểu mẫu Tự động hoàn thành như vậy bằng JavaScript. Trong biểu mẫu mà chúng ta sẽ thảo luận, có một hộp kiểm và bất cứ khi nào nó được chọn, mã sẽ tự động sao chép các giá trị từ địa chỉ chính và mã zip chính sang địa chỉ phụ và mã zip phụ tương ứng. Nếu hộp kiểm không được chọn, các trường này sẽ trống. Đây là mã đơn giản cho loại hình thức như vậy. Show HTML
#Đây là giao diện của biểu mẫu trước khi chọn hộp.
Giải trình. Khi trạng thái đã chọn của hộp kiểm bị thay đổi, sự kiện 'onchange'(xem dòng 23) sẽ xảy ra, sự kiện này sẽ gọi 'addressFunction()'. Nếu hộp được chọn, các giá trị của địa chỉ chính và mã zip chính sẽ được sao chép sang địa chỉ phụ và mã zip phụ (bằng cách sử dụng hàm 'getElementById()', chúng tôi đang đề cập đến một phần tử của một Id cụ thể và '. value' để truy cập giá trị tại phần tử Id cụ thể đó). Nếu không, các trường này sẽ để trống để người dùng có thể điền vào (trong trường hợp địa chỉ chính và địa chỉ phụ khác nhau) Làm cách nào để điền biểu mẫu trong JavaScript?Phương pháp 1. sử dụng setAttribute . var myvalue = "Chào"; tài liệu. getElementById('field1'). setAttribute, giá trị của tôi); . Tôi có thể sử dụng JavaScript để gửi biểu mẫu không?submit() được sử dụng để tạo động và gửi thông tin chi tiết đến máy chủ. Việc gửi biểu mẫu JavaScript có thể được sử dụng để tạo đối tượng và các thuộc tính khác nhau cũng có thể được sử dụng . Các thuộc tính có thể là lớp, id, thẻ, v.v.
Làm cách nào để kết nối biểu mẫu HTML với JavaScript?Trong thẻ body, tạo biểu mẫu HTML và chỉ định id, phương thức và hành động của biểu mẫu. Trong biểu mẫu, hãy chỉ định thẻ neo với sự kiện onclick. Tạo một hàm cho JavaScript sẽ được thực thi khi nhấp vào liên kết. Khi chúng ta click vào link thì hàm submitForm() sẽ được thực thi |
