使用javascript创建Id

我想从三个不同的文本框值中创建staffid，方法是获取它们的第一个字母&最后添加自动递增的数字

例如“staffname”、“gender”、“designation”结果staffid:sgd01&我想在禁用staffid文本框时自动显示在staffid文本框中。代码如下：

<input name="staffname" id="staffname" size="30" type="text" value placeholder=" Staff Name" onkeyup="quick()" class="formTxtInput">

---

var staffname缺少.value。应该是

var staffname = document.getElementById('staffname').value;

此外，还需要在3个输入框中的每个键控上调用函数，以便处理更新的值

以下是一个工作示例：

---

希望这对您有所帮助：）

您可以尝试更新您的函数，如下所示：

<script>
 var num=01;
 function quick() { 
  num+=1;
  var gender = document.getElementById('gender').value;
  var staffname = document.getElementById('staffname').value;
  var desg = document.getElementById('desg').value;
  var gen = gender.charAt(0);
  var sn = staffname.charAt(0);
  var dg = desg.charAt(0);

  var val = gen + sn + dg + num;
  document.getElementById('staffid').value = val;
}

var num=01；
函数quick（）{
num+=1；
var-gender=document.getElementById（'gender'）。值；
var staffname=document.getElementById（'staffname'）.value；
var desg=document.getElementById（'desg'）.value；
var gen=性别特征（0）；
var sn=staffname.charAt（0）；
var dg=设计特性（0）；
var val=gen+sn+dg+num；
document.getElementById（'staffid'）。value=val；
}

默认情况下没有值，因此它不工作。尝试设置默认值

<input name="staffname" id="staffname" size="30" type="text" value="staffname" placeholder=" Staff Name" onkeyup="quick()" class="formTxtInput">
<input name="gender" id="gender" size="30" type="text" value="gender" placeholder=" Staff Name" class="formTxtInput">
<input name="desg" id="desg" size="30" type="text" value="desg" placeholder=" Staff Name"class="formTxtInput">
<input name="staffid" id="staffid" size="30" disabled="disabled" type="text" value placeholder=" Staff Name" class="formTxtInput">

---

您可以在这里查看演示

我认为缺少

。value

应该是

document.getElementById（'staffname'）。value

缺少

var staffname=document.getElementById（'staffname'）。value是否是由于元素中的名称和id相同。您是否尝试更改name=“staff\u name”？和var staffname=document.getElementById（'staffname'）。缺少值。谢谢您的帮助，亲爱的，但是它旁边的添加号呢。例如，stm01如何在每个记录中增加1，dug02。
<input name="staffname" id="staffname" size="30" type="text" value="staffname" placeholder=" Staff Name" onkeyup="quick()" class="formTxtInput">
<input name="gender" id="gender" size="30" type="text" value="gender" placeholder=" Staff Name" class="formTxtInput">
<input name="desg" id="desg" size="30" type="text" value="desg" placeholder=" Staff Name"class="formTxtInput">
<input name="staffid" id="staffid" size="30" disabled="disabled" type="text" value placeholder=" Staff Name" class="formTxtInput">