jQueryで入力の2つの部分を2つの他の入力からの値に置き換えるにはどうすればよいですか？

Question

は、私がここで私は（非常に満足）答えていた質問へのフォローを持っている：

これは、入力内のリンクにサブIDを更新する方法を答え

How to replace part of one text field with a value from another text field in jQuery?

。私は2番目の入力から「mydomain.com」更新持つことによって、これを拡張しようとしている

：できるだけ早く私がしようとして

http://jsbin.com/ojosag/3/edit

と変更{mydomain.comを}、{私は失いますsubid}部分です。誰も私を悲惨さから救うことができますか？

Answer 1

ここに1つの解決策があります。おそらくより効率的になる可能性があります。

ゼロ気晴らしは、以下のトリックを行う必要があり、あなたの元の質問のために提案された内容に拡大

$(document).ready(function(){ 
    var domainstr="http://subdomain.mydomain.com"; 
    $("input#alpha,input#alphatwo").keyup(function(){ 
     var alphaVal = $("input#alpha").val(); 

     var retVal = domainstr; 
     if(alphaVal !== '') 
      retVal = domainstr.replace("subdomain",alphaVal); 

     var alphaTwoVal = $("input#alphatwo").val(); 
     if(alphaTwoVal !== '') 
      retVal = retVal.replace("mydomain",alphaTwoVal); 

     $("input#bravo").val(retVal); 
    }); 
}); 

Answer 2

：

$(document).ready(function(){ 

    var valueTemplate = "http://{subdomain}.{domain}.com"; 
    var defaultSubDomain = "subdomain"; 
    var defaultDomain = "mydomain"; 

    var alphaOne = $("input#alpha"); 
    var alphaTwo = $("input#alphatwo"); 

    alphaOne.add(alphaTwo).keyup(function(){ 

     var value = (alphaOne.val()) ? alphaOne.val() : defaultSubDomain; 
     var valueTwo = (alphaTwo.val()) ? alphaTwo.val() : defaultDomain; 

     $("input#bravo").val(valueTemplate.replace("{subdomain}", value).replace("{domain}", valueTwo)); 

    }); 

}); 

あなたが第1または第2の入力に入力を開始すると、第三の意志の値を更新します。いずれかのフィールドが空の場合は、defaultSubDomainとdefaultDomainという変数が使用されます。