Hướng dẫn html form submit get values - gửi biểu mẫu html nhận giá trị
Làm thế nào tôi có thể nhận được giá trị của biểu mẫu HTML để chuyển sang JavaScript? Show Điều này có đúng không? Kịch bản của tôi lấy hai đối số một từ TextBox, một từ hộp thả xuống.
Uwe keim 38.7K56 Huy hiệu vàng173 Huy hiệu bạc282 Huy hiệu Đồng56 gold badges173 silver badges282 bronze badges Hỏi ngày 23 tháng 8 năm 2010 lúc 11:22Aug 23, 2010 at 11:22
5 HTML:
JS:
Đã trả lời ngày 23 tháng 8 năm 2010 lúc 11:28Aug 23, 2010 at 11:28
user406632user406632user406632 1.6211 Huy hiệu vàng12 Huy hiệu bạc8 Huy hiệu đồng1 gold badge12 silver badges8 bronze badges 6 Nếu bạn muốn truy xuất các giá trị biểu mẫu (chẳng hạn như các giá trị sẽ được gửi bằng bài đăng HTTP), bạn có thể sử dụng: JavaScript
Ví dụ: https://codepen.io/kevinfarrugia/pen/wommgd?editors=1111 Ngoài ra, bạn có thể sử dụng các tùy chọn ít được đề xuất dưới đây: Form-serialize (https://code.google.com/archive/p/form-erialize/)
jQuery
Đã trả lời ngày 21 tháng 12 năm 2016 lúc 12:33Dec 21, 2016 at 12:33
Kevin Farrugiakevin FarrugiaKevin Farrugia 5.6903 Huy hiệu vàng34 Huy hiệu bạc55 Huy hiệu Đồng3 gold badges34 silver badges55 bronze badges 7 Tôi tìm thấy đây là giải pháp thanh lịch nhất.
Đã trả lời ngày 28 tháng 2 năm 2021 lúc 8:25Feb 28, 2021 at 8:25
DEDADEVDEDADEVDedaDev 3,4091 Huy hiệu vàng18 Huy hiệu bạc26 Huy hiệu đồng1 gold badge18 silver badges26 bronze badges 6 Dưới đây là một ví dụ từ W3Schools:
Bản demo có thể được tìm thấy ở đây.
Kaspar Lee 5.3264 Huy hiệu vàng30 Huy hiệu bạc54 Huy hiệu Đồng4 gold badges30 silver badges54 bronze badges Đã trả lời ngày 7 tháng 8 năm 2016 lúc 5:20Aug 7, 2016 at 5:20
4 0 sẽ chứa một mảng các biểu mẫu trên trang của bạn. Bạn có thể lặp qua các hình thức này để tìm hình thức cụ thể mà bạn mong muốn.
Mỗi biểu mẫu có một mảng phần tử mà sau đó bạn có thể lặp qua để tìm dữ liệu mà bạn muốn. Bạn cũng sẽ có thể truy cập chúng bằng tên
Kaspar Lee 5.3264 Huy hiệu vàng30 Huy hiệu bạc54 Huy hiệu Đồng4 gold badges30 silver badges54 bronze badges Đã trả lời ngày 7 tháng 8 năm 2016 lúc 5:20Aug 23, 2010 at 11:35
0 sẽ chứa một mảng các biểu mẫu trên trang của bạn. Bạn có thể lặp qua các hình thức này để tìm hình thức cụ thể mà bạn mong muốn.CodeaculaMỗi biểu mẫu có một mảng phần tử mà sau đó bạn có thể lặp qua để tìm dữ liệu mà bạn muốn. Bạn cũng sẽ có thể truy cập chúng bằng tên25 silver badges29 bronze badges 2 Đã trả lời ngày 23 tháng 8 năm 2010 lúc 11:35 Codeaculacodeacula 02.25925 Huy hiệu bạc29 Huy hiệu đồng 1Đây là một ví dụ được phát triển của https://stackoverflow.com/a/41262933/2464828 Xem xét Chúng ta hãy giả sử chúng ta muốn truy xuất đầu vào của tên 1. Điều này có thể được thực hiện bằng cách vượt qua 2 trong trường 3. Sau đó, chúng ta có thể sử dụng 4 để truy xuất các giá trị của biểu mẫu chính xác này bằng cách tham chiếu đối tượng 5.May 22, 2020 at 12:01
Mã JavaScript ở trên sau đó sẽ in giá trị của đầu vào vào bảng điều khiển.jhaavist Nếu bạn muốn lặp lại các giá trị, tức là, nhận tất cả các giá trị, sau đó xem https://developer.mozilla.org/en-us/docs/web/api/formdata#methods6 silver badges11 bronze badges 2 Đã trả lời ngày 22 tháng 5 năm 2020 lúc 12:01 2JhaavistjhaavistFeb 17, 2020 at 19:00
6416 Huy hiệu bạc11 Huy hiệu đồngKlesun 5 xu của tôi ở đây, sử dụng 1 Đã trả lời ngày 17 tháng 2 năm 2020 lúc 19:00 Klesunklesun 10,8K5 Huy hiệu vàng55 Huy hiệu bạc47 Huy hiệu đồng 5Một lớp lót cho es6 3 4Mar 5 at 13:25
Xác định chức năng này trong JavaScript của bạn:smartexpert Sau đó, chỉ cần gọi với bất kỳ bộ chọn nào, ví dụ: Đã trả lời ngày 5 tháng 3 lúc 13:25 6SmartExpertsMarTExpert 2.3973 Huy hiệu vàng22 Huy hiệu bạc37 Huy hiệu đồngMar 17, 2020 at 10:06
Rusca8Rusca8Rusca8 Mở rộng ý tưởng của Atrur Klesun ... bạn chỉ có thể truy cập nó bằng tên của nó nếu bạn sử dụng getEuityByid để đạt được biểu mẫu. Trong một dòng:2 silver badges10 bronze badges 0 Tôi đã sử dụng nó như vậy cho các nút radio và hoạt động tốt. Tôi đoán nó giống nhau ở đây. Đã trả lời ngày 17 tháng 3 năm 2020 lúc 10:06 4332 Huy hiệu bạc10 Huy hiệu đồng 7Đây là câu trả lời của câu hỏi của bạn. Bạn có thể chuyển các giá trị của các trường biểu mẫu cho hàm bằng cách sử dụng 9.Sep 5, 2020 at 10:35
Và cũng thay đổi đầu vào gửi vào nút. Được gọi là hàm từ hình thức.Ulvi Về mặt kỹ thuật, bạn có thể làm điều đó trong chức năng của mình bằng cách sử dụng 1 Đã trả lời ngày 5 tháng 9 năm 2020 lúc 10:35 8 9UlviulviDec 2, 2020 at 5:52
81311 Huy hiệu bạc26 Huy hiệu đồngBlakeWebb Tôi biết đây là một bài viết cũ nhưng có lẽ ai đó xuống dòng có thể sử dụng điều này.4 silver badges11 bronze badges Đã trả lời ngày 2 tháng 12 năm 2020 lúc 5:52 0
BlakewebbblakewebbAug 8, 2020 at 9:09
0 1 24594 Huy hiệu bạc11 Huy hiệu đồngDec 10, 2020 at 8:48
Vui lòng cố gắng thay đổi mã như dưới đây: Đã trả lời ngày 8 tháng 8 năm 2020 lúc 9:09 3Đã trả lời ngày 10 tháng 12 năm 2020 lúc 8:48 4Thật dễ dàng với một vòng lặp, bạn cũng có thể nhận được tất cả các giá trị trường ngay cả các giá trị hộp kiểm.Feb 26 at 7:33
Trong HTML của bạn, bạn nên liên kết 1 trên các biểu mẫu của bạn 3 sự kiện 5 6Trong JavaScript của bạn, mã của bạn sẽ áp dụng logic sau đây bất kể tên bạn được gán cho trường của bạn.May 19, 2020 at 7:50
7Đã trả lời ngày 26 tháng 2 lúc 7:33Dec 20, 2021 at 18:04
Giải pháp nhanh chóng để tuần tự hóa một biểu mẫu mà không có bất kỳ thư viện nào 8Đã trả lời ngày 19 tháng 5 năm 2020 lúc 7:50 Đã trả lời ngày 20 tháng 12 năm 2021 lúc 18:04Jan 25 at 10:52
Một số câu trả lời ở trên không phục vụ cho các biểu mẫu có nhiều trường có cùng tên, ví dụ như 3 vì vậy tôi đã thực hiện điều này nhanh chóng. Nó mong đợi trường có cùng tên mà bạn muốn thu thập như một mảng kết thúc vào 4 dưới dạng quy ước nhưng có thể được cập nhật để xử lý các kịch bản khác.Jon CatmullCác giá trị mang lại một cái gì đó như 9Đã trả lời ngày 13 tháng 12 năm 2017 lúc 4:59Dec 13, 2017 at 4:59
RandhawarandhawaRandhawa 2261 Huy hiệu bạc15 Huy hiệu đồng1 silver badge15 bronze badges Làm cách nào để nhận được giá trị biểu mẫu khi gửi?Để có được các giá trị đầu vào trên biểu mẫu, hãy gửi trong React: Lưu trữ các giá trị của các trường đầu vào trong các biến trạng thái. SETET onsubmit Prop trên phần tử biểu mẫu. Truy cập các giá trị của các trường đầu vào trong hàm xử lý của bạn.Store the values of the input fields in state variables. Set the onSubmit prop on the form element. Access the values of the input fields in your handleSubmit function.
Tôi có thể gửi biểu mẫu với phương thức Get không?Thuộc tính phương thức chỉ định cách gửi dữ liệu biểu mẫu (dữ liệu biểu mẫu được gửi đến trang được chỉ định trong thuộc tính hành động).Dữ liệu biểu mẫu có thể được gửi dưới dạng các biến URL (với Phương thức = "get") hoặc dưới dạng giao dịch bài HTTP (với Phương thức = "Post").The form-data can be sent as URL variables (with method="get" ) or as HTTP post transaction (with method="post" ).
Làm thế nào để bạn có được thông tin từ một biểu mẫu được gửi bằng phương thức Get?Câu trả lời đúng là "Yêu cầu.Request.
Làm thế nào nhận được phản hồi sau khi gửi biểu mẫu?Để thu được phản ứng của hình thức.Gửi với JavaScript, chúng tôi có thể nghe sự kiện gửi biểu mẫu.Để thêm một biểu mẫu với một số trường.Và chúng tôi gọi AddEventListener trên đó với 'Gửi' và biểu mẫu Gửi lại sự kiện để gửi biểu mẫu khi nhấp vào nút gửi.listen for the form's submit event. to add a form with some fields. And we call addEventListener on it with 'submit' and the form submit event callback to submit the form when the submit button is clicked. |