2010-06-18 78 views
2

基本上我有兩個輸入字段,「名稱」和「用戶名」。jQuery可以根據「名稱」字段動態更改「用戶名」字段嗎?

這個想法是,「用戶名」字段將根據什麼被輸入到「名稱」字段 - 動態地改變。我還需要用戶名字段僅爲小寫字母,並將空格變爲破折號。我正在考慮使用onkeydown,但我無法做任何事情。

我一直在環顧四周,但似乎無法找到我要找的東西。任何人有任何想法?

<input type="text" name="name" id="name" class="field" /> 
<input type="text" name="username" id="username" class="field" /> 

^^基本形式輸入。

編輯:

這是我得到了工作的代碼,如果其他人正在尋找這樣的事情:

function fill_username(value) { 
    $("#username").val(value); 
} 
$("#client-name").keyup(function() { 
    var value = $(this).val(); 
    var value = value.replace(/\s+/g, '-').toLowerCase(); 
    fill_username(value); 
}); 

回答

4

您可以設置keyup事件:

$('#name').keyup(function() { 
    fill_username(); 
}); 

這將是每次用戶在名稱字段中輸入一個字母時都會調用。

+0

謝謝!我不知道爲什麼我有問題的關鍵的東西,反正只是調用功能,這種方式很好:) – SoulieBaby 2010-06-18 00:37:42

+0

沒問題,很高興我幫助:) – Rabas 2010-06-18 01:25:47