Tôi có mã của tôi như thế này
First name :
Last name :
Full name :
Nếu tôi cung cấp ABC trong hộp văn bản tên đầu tiên và DEF trong hộp văn bản tên cuối cùng, kết quả sẽ được hiển thị dưới dạng ABCDEF trong hộp văn bản tên đầy đủ. làm như thế nào?
Sweko
29,9k9 Huy hiệu vàng71 Huy hiệu bạc105 Huy hiệu Đồng9 gold badges71 silver badges105 bronze badges
Hỏi ngày 22 tháng 8 năm 2013 lúc 8:06Aug 22, 2013 at 8:06
5
Nó thực sự khá đơn giản với một chút JavaScript nội tuyến bằng cách sử dụng thuộc tính Mẫu oninput
.
First name :
Last name :
Full name :
//jsfiddle.net/RXTV7/1/
Tôi cũng đề nghị sử dụng phần tử HTML5 thay vì đầu vào thứ ba. Để tìm hiểu thêm bắt đầu tại đây: //html5doctor.com/the-output-ement/
Đã trả lời ngày 22 tháng 8 năm 2013 lúc 8:19Aug 22, 2013 at 8:19
Pawelpawelpawel
34,5K7 Huy hiệu vàng56 Huy hiệu bạc52 Huy hiệu Đồng7 gold badges56 silver badges52 bronze badges
6
Liên kết một hàm tạo tên đầy đủ trên các sự kiện KeyUP cho đầu vào của bạn ...
function generateFullName[]
{
document.getElementById['fullName'].innerText =
document.getElementById['fName'].value + ' ' +
document.getElementById['lName'].value;
}
First Name
Last Name
Full Name
Nếu bạn muốn, bạn cũng có thể có tên fullName dưới dạng đầu vào và đặt giá trị của nó.
Đã trả lời ngày 22 tháng 8 năm 2013 lúc 8:16Aug 22, 2013 at 8:16
Tomer wtomer wTomer W
3.2952 Huy hiệu vàng27 Huy hiệu bạc42 Huy hiệu đồng2 gold badges27 silver badges42 bronze badges
0
Hãy thử điều này [sử dụng jQuery]. nó sẽ hoạt động. Nhưng trường FullName sẽ vẫn trống nếu các trường riêng lẻ trống
$[document].ready[function[]{
$["fullName"].focus[function[]{
var fullname = $["fName"].val[] + $["lName"].val[];
$["fullName"].val[fullname];
}];
}];
First Name
Last Name
Full Name
Đã trả lời ngày 22 tháng 8 năm 2013 lúc 10:05Aug 22, 2013 at 10:05
Để thao túng HTML, bạn sẽ cần sử dụng JavaScript. Có rất nhiều hướng dẫn tốt ngoài kia, ví dụ như trên w3schools.com.
Bạn cũng có thể muốn kiểm tra JQuery, điều này làm cho loại thao tác này dễ dàng và đơn giản hơn rất nhiều.
Đã trả lời ngày 22 tháng 8 năm 2013 lúc 8:11Aug 22, 2013 at 8:11
Emil Lundbergemil LundbergEmil Lundberg
7.1926 Huy hiệu vàng36 Huy hiệu bạc52 Huy hiệu Đồng6 gold badges36 silver badges52 bronze badges
3
Bạn có thể sử dụng mã dưới đây cho điều đó:
function generateFullName[]
{
document.getElementById['txtFullName'].value =
document.getElementById['fName'].value + ' ' +
document.getElementById['lName'].value;
}
First Name
Last Name
Full name
Ngoài ra, thay vì sự kiện onInput, bạn cũng có thể chọn Onblur.
Đã trả lời ngày 22 tháng 8 năm 2013 lúc 9:31Aug 22, 2013 at 9:31
Shemyshemyshemy
5731 Huy hiệu vàng5 Huy hiệu bạc15 Huy hiệu đồng1 gold badge5 silver badges15 bronze badges