How can i add permanent word to the text box?

Question

I am trying to add permanent word to the textbox.in this text box it will take users firstname automatically when user enters the his name in the firstname textbox using onkeyup="copyText()" function.what i want to do is i want s to add permanent word to sitename textbox after getting automatically typed firstname.

Here is my code

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

Here is my javascript code this is working

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

Answer 1

This is pretty doable with jQuery:

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

    event.stopPropagation();

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

You will have to remove your copyText() function for this to work.

Hope this helps.

Answer 2

I assume you want something like this

if a user enters a name for eg 'StackOverflow'

in the second input box you want to have 'StackOverflow.co.in' where '.co.in' is your permanent text to the text box

However for this you can use simple 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>