jQuery的自動填充表單域值由兩部分

用戶名暱稱形式名姓

我想首先+姓氏字段自動填充用戶名和暱稱字段。

結果：用戶名=一+姓氏 - 暱稱=首先+姓

這裏是我迄今爲止

<script> 

jQuery(document).ready(function(){ 

$("#field_5, #field_6").on("blur",function(){ 
getname(); 
}); 

}); 

function getname(){ 
$('#Field_2, #field_1').val($('#field_5').val()+" "+$('#field_6').val()); 
} 
</script>

where字段5 =名，字段6 =姓，Field_2 =用戶名和Field_1 =暱稱

來源

2012-10-18 Androliyah

您是否希望它在每個按鍵被按下時自動填充？或者當用戶點擊輸入框時？ –

當用戶單擊此框時。實際上，任何一個都會這樣做。 – Androliyah

@Aliyah，在更新的代碼中有額外的大括號'}）; }）' –

試試這個demo

HTML

<input type='text' id='fname' value='' /> 
<input type='text' id='lname' value='' /> 
<input type='text' id='nickname' value='' /> 
<input type='text' id='uname' value='' />

的jQuery/JavaScript的

$(document).ready(function(){ 
    $("#field_5, #field_6").on("blur", getname); 
}); 

function getname(){ 
$('#nickname, #uname').val($('#fname').val()+" "+$('#lname').val()); 
}

來源

2012-10-18 06:39:32

嘿，我新來的小提琴。如何查看結果？我打「跑」了嗎？ – Androliyah

肯定的，那麼嘗試添加文本到文本框 –

嘗試這種新的鏈接http://jsfiddle.net/pintu31/FFLYE/1/ –

編輯：答案是錯了。

這裏是更新後的版本，包含關鍵幀。

http://jsfiddle.net/79Wb9/3/

只需點擊運行和享受。

來源

2012-10-18 06:44:48

你可以詳細說明#a和#b代表什麼？ – Androliyah

#a和#b是輸入字段。因此，每個輸入都有ID屬性，您可以通過#IDNAME選擇該元素（在我的實例a＆b中）。我也意識到這個代碼的一個小錯誤，這更多的是一個可用性問題，但如果我填寫我的名字，編輯我的用戶名，然後意識到我的名字是錯的，並改變它。用戶名將被重新設置爲我的名字。 –

好吧，我現在跟你見過演示，但是你可以根據我的問題做另一個演示嗎？我有4個字段 – Androliyah

jQuery的自動填充表單域值由兩部分

回答

相關問題