Wie kopiert man die Eingabe eines Feldes in ein anderes?

Question

Das ist mein HTML-Code. Wie erzeuge ich direkt eine Rollnummer aus Registriernummer und Filiale? Zum Beispiel, wenn reg no = 20140087 und branch = BT dann in der Roll-Nummer Abschnitt, die reg. nein und Verzweigung würde automatisch als 14/BT/_ kommen. Ich muss nur die Nummer in _ angeben. 14 würde ab 2014 von reg Nr. Kommen.

<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

Sie können Ihren Code so schreiben. Wenn Sie regNo haben ist im Format fix und dann können Sie etwas wie das schreiben.

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

Hoffentlich wird dies Ihnen helfen

Answer 2

Hier ist ein Ausgangspunkt für Sie (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: Die Macht der Gewohnheit jQuery verwenden, aber Sie können natürlich auch use getElementById statt.