あるフィールドの入力を別のフィールドにコピーする方法は？

Question

これは私のhtmlコードです。登録番号とブランチからロール番号を直接生成するにはどうすればよいですか？ たとえば、reg no = 20140087およびbranch = BTの場合、ロールナンバーセクションでは、reg。 noとbranchは自動的に14/BT/_となります。私は_に数字を入力する必要があります。 14は、2014年の国連番号から来るだろう。

<br><br><label>Registration Number: </label> 
      <input id="reg" class="text-input" type="text" name="registrationnumber" placeholder="20140087" required> 
      <br><br><label>Branch: </label> 
      <select style="float:right;"> 
       <option value="bt">BT</option> 
       <option value="ch">CH</option> 
       <option value="ce">CE</option> 
       <option value="cse">CSE</option> 
       <option value="ece">ECE</option> 
       <option value="ee">EE</option> 
       <option value="it">IT</option> 
       <option value="me">ME</option> 
       <option value="mme">MME</option> 
      </select> 

      <br><br><label>Roll No: </label> 
      <input id="roll" class="text-input" type="text" name="roll" placeholder="14/IT/11" required> 

Answer 1

このようにコードを書くことができます。 regNoが固定書式であり、これ以上のものを書くことができます。

var regNo = "20140087"; 
    var branch = "BT"; 
    var textBoxVal = regNo.substring(4,2).concat('/',branch,'/'); 
    $('#roll').val(rollNo) 

うまくいけば、これはあなたに

Answer 2

を助けるここにあなたのための出発点（I made up some HTML IDs for the jsfiddle）があります。

function updateYT() { 
    var reg = jQuery('#reg'); 
    var branch = jQuery('#branch'); 
    var roll = jQuery('#roll'); 
    var yt = jQuery('#yt'); 
    if (!reg || !branch || !roll || !yt) { 
    console.log("ERROR: Input field not found!"); 
    return false; 
    } 

    var regstr = reg.val(); 
    if (regstr.length < 4) { 
    console.log("Reg string is too short"); 
    return false; 
    } else { 
    regstr = regstr.substring(2, 4); 
    console.log('REGSTR:'); 
    console.log(regstr); 
    } 

    var branchstr = branch.val(); 
    if (branchstr.length < 2) { // Or whatever is valid 
    console.log("Branch string is too short"); 
    return false; 
    } 

    var rollstr = roll.val(); 
    if (rollstr.length < 1) { // Or whatever is valid 
    console.log("Roll string is too short"); 
    return false; 
    } 

    var ret = branchstr + '/' + regstr + '/' + rollstr; 
    yt.val(ret); 
} 

EDIT：jQueryのを使用して習慣を強制していますが、当然のもuse getElementById代わりにすることができます。