如何将一个字段的输入复制到另一个字段?

时间:2017-02-14 14:21:17

标签: javascript html

这是我的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>

2 个答案:

答案 0 :(得分:0)

您可以像这样编写代码。 如果你有regNo是修复格式,你可以写这样的东西。

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

希望这会对你有所帮助

答案 1 :(得分:0)

这是您的起点(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);
}

编辑:使用jQuery的习惯,但你当然也可以use getElementById