如何将永久单词添加到文本框？

Question

我正在尝试添加永久的词到textbox.in这个文本框它会自动采取用户名字当用户输入他的名字在名字文本框中使用onkeyup="copyText()“function.what我想做的是我想做的是我想要添加永久的词到网站名称文本框后自动输入名字。

以下是我的代码

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