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

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>