2011-05-05 16 views
11

title, name, address vbjQuery - bir girdiden diğerine geçen değer

olan birkaç giriş alanı olan bir formum var. Ne yapmak istediğimi, bu değerleri almak ve diğer giriş alanlarının değerlerine koymaktır. Örneğin

<label for="first_name">First Name</label> 
<input type="text" name="name" /> 

<label for="surname">Surname</label> 
<input type="text" name="surname" /> 

<label for="firstname">Firstname</label> 
<input type="text" name="firstname" disabled="disabled" /> 

Yani first_name alanına John girersem, firstname değeri de John olacaktır.

Çok teşekkürler

cevap

44

:

$('input[name="name"]').change(function() { 
    $('input[name="firstname"]').val($(this).val()); 
}); 
+0

Bah, beni alt :) –

+0

You ayrıca isim özelliğini de kullanabilir. Daha fazla karakter yazman gerekiyor. $ (": input [name = 'name']") ve şu ana kadar. – reporter

+0

Giriş alanlarının kimliğini kullandım ve çok iyi çalıştım, teşekkürler. –

3

Bu açıklanmıştır:

$('#name').change(function() { 
    $('#firstname').val($(this).val()); 
}); 
Aksi

JSFiddle Example

Eğer adlarını kullanarak seçmek gerekecek HTML'nizi biraz değiştirirseniz daha basit:

<label for="first_name">First Name</label> 
<input type="text" id="name" name="name" /> 

<label for="surname">Surname</label> 
<input type="text" id="surname" name="surname" /> 

<label for="firstname">Firstname</label> 
<input type="text" id="firstname" name="firstname" disabled="disabled" /> 

o zaman kimlik adı nitelikler aynı değerlerle niteliklerini

$(document).ready(function() { 
    $('#name').change(function() { 
     $('#firstname').val($('#name').val()); 
    }); 
}); 
1

ekle nispeten basit ve daha sonra bunu yapabilirsiniz:

$('#first_name').change(function() { 
    $('#firstname').val($(this).val()); 
});