Question

I am trying to use jQuery to update a URL (in a text field) dynamically based on the user typing a value in another field.

Here’s what I’ve got so far: http://jsbin.com/isiqus/10/edit

It works for the first trigger of the keyup event, but not on subsequent keyups. Can anybody tell me where I am going wrong (I’m just getting to grips with jQuery).

Answer 1

You can try:

$(document).ready(function(){
  var valueTemplate = "http://{subdomain}.mydomain.com";
  $("input#alpha").keyup(function(){
    var value = $(this).val();
    $("input#bravo").val(valueTemplate.replace("{subdomain}",value));
   });
});

It’s going to keep a template string, that renders the other input field when the text is modified.

What was happening before was that you were losing your original text template in the first string replace.