Để thay đổi giá trị của đầu vào, hãy sử dụng khái niệm tài liệu. Cú pháp như sau -
document.yourFormName.yourTextName.value=anyValue;
Giả sử sau đây là loại đầu vào của chúng tôi gọi submitForm () khi nhấp vào “Gửi biểu mẫu” -
<form name="studentForm" onsubmit="submitForm();"> <input type="hidden" name="txtInput" value="10000" /> <input type="submit" value="Submit Form"/> </form>
Hàm submitForm () thay đổi giá trị của đầu vào -
function submitForm(){
document.studentForm.txtInput.value='STUDENT-100';
} Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.
css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
</head>
<body>
<form name="studentForm" onsubmit="submitForm();">
<input type="hidden" name="txtInput" value="10000" />
<input type="submit" value="Submit Form"/>
</form>
<script>
function submitForm(){
document.studentForm.txtInput.value='STUDENT-100';
}
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút “Gửi biểu mẫu”, bạn sẽ nhận được giá trị thay đổi trong chuỗi truy vấn. Điều này sẽ tạo ra kết quả sau -
