2011-05-05 66 views
11

我有一個形式,是titlenameaddressjQuery的 - 從一個輸入傳遞值到另一個

我想要做的,是讓這些價值和「把它們」分成幾個輸入字段其他輸入字段的值。例如

<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" /> 

所以如果我在first_name字段中輸入John,那麼firstname值也將John

非常感謝

回答

44

假設你可以把ID的輸入上:

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

JSFiddle Example

否則,你就必須使用名稱來選擇:

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

呸,打我吧:) – 2011-05-05 10:38:23

+0

你也可以使用name屬性。你只需要寫更多的字符。 $(「:input [name ='name']」)和到目前爲止。 – reporter 2011-05-05 10:39:40

+0

我使用了輸入字段的id,並且工作得很好,謝謝。 – 2011-05-05 11:00:39

3

這是如果你稍微修改你的HTML,就更簡單:

<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" /> 

那麼它的相對簡單

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

添加與作爲名稱的屬性值相同ID屬性,然後你可以這樣做:

$('#first_name').change(function() { 
    $('#firstname').val($(this).val()); 
}); 
相關問題