如何在文本框中添加永久詞？

Question

我正在嘗試向文本框添加永久單詞。在此文本框中，當用戶使用onkeyup =“ copyText（）”函數在名字文本框中輸入他的名字時，它將自動使用用戶的名字。我要做的是我想要的在自動輸入名字后將永久詞添加到站點名稱文本框中。

這是我的代碼

<td><input type="text" id="fname" name="fname"   value=""  placeholder="Your First Name" onkeyup="copyText()"  required /></td>

<td><input type="text" id="sitename" name="sitename" value=""  placeholder="Your Site name" readonly/></td>

這是我的javascript代碼，正在工作

<script type="text/javascript">
    function copyText() {
        src = document.getElementById("fname");
        dest = document.getElementById("sitename");
        dest.value = src.value;
    }
</script>

Answer 1

這對於jQuery非常可行：

$('#fname').keyup(function(event) {

    event.stopPropagation();

    $('#sitename').val($('#fname').val());
});

您必須刪除您的copyText（）函數才能正常工作。

希望這可以幫助。

Answer 2

我想你想要這樣的東西

如果用戶輸入了例如“ StackOverflow”的名稱

在第二個輸入框中，您要使用“ StackOverflow.co.in”，其中“ .co.in”是指向文本框的永久文本

但是為此，您可以使用簡單的javascript

<input id = "firstName" onkeyup="copyText()" />

<Input id = "siteName" value =".co.in" />

<script type="text/javascript">
function copyText(){
    var firstName = document.getElementById('firstName').value ;
    document.getElementById('siteName').value = firstName + '.co.in' ;
}
</script>