Cách lấy giá trị của textbox trong javascript

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ọn

Sử 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

phần tử), nhưng mã JavaScript sẽ tiếp tục thay đổi để thực hành các cách khác nhau

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ẻ

Làm cách nào tôi có thể nhận giá trị đầu vào trong JS?

Dòng nào giúp truy xuất giá trị hộp văn bản trong JavaScript?

Phương pháp được sử dụng để lấy giá trị từ hộp đầu vào là gì?

Giá trị hộp văn bản là gì?