Javascript - 通过检查先前的数据并增加1或使用任何序列号递增来预填充输入字段

时间:2017-02-06 13:09:15

标签: javascript jquery html

我们在数据库中有一个名为CandidateID的列,其中包含如下所示的一些数据: - enter image description here 我们有一个addbutton,它会打开一个模态来填充如下所示的细节: - enter image description here

这里当我们点击添加按钮时,候选ID输入字段应该用下一个序列自动填充值,即KP05(如果最后一个坦率是KP04)。或者任何随机数也很好,每当我们点击添加按钮

时,它都是唯一的

可以用javascript做吗?如果有,我该怎么办?要么 有没有办法设置字段来显示序号字符串?当打开添加模式即对话框时,需要在输入字段中每次预填一个唯一的随机数 添加按钮: -

 <button class="btn btn-default pull pull-right" data-backdrop="static" data-keyboard="false" data-toggle="modal" data-target="#addMember" id="addMemberModalBtn">
                <span class="glyphicon glyphicon-plus-sign"></span> Add Member
            </button>

候选输入字段的Html代码

   <div class="modal fade" tabindex="-1"  role="dialog" id="addMember">
   <div class="modal-dialog modal-lg" role="document">
   <div class="modal-content">
   <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title"><span class="glyphicon glyphicon-plus-sign"></span> Add Member</h4>
      </div>
   <div class="modal-body">


        <button type="reset" id="searchclear" class="btn btn-danger">Reset</button>

          <div class="form-group">
          <!--/here teh addclass has-error will appear -->
          <div class="col-sm-5"> 
            <label for="candid" >Candidate ID</label>
            <br>

              <input type="text" class="form-control" id="candid" name="candid" placeholder="candid" >
            <!-- here the text will apper  -->
            </div>
          </div>

          <div class="row">
            <div class="col-sm-6">
            <label for="mobile">Mobile</label><span id="mobile_status"></span> 
            <br>
              <input type="text" class="form-control" id="mobile" name="mobile" placeholder="mobile" value="+91" onkeyup="checkmobile();" >
          </div>
          <div class="col-sm-6">
            <label for="email" >Email</label><span id="email_status"></span>    
              <input type="email" class="form-control" id="email" name="email" placeholder="Email" onkeyup="checkemail();">
            </div>
          </div>

2 个答案:

答案 0 :(得分:0)

如果您的上一个候选人ID可用,您可以按照以下方式递增ID

var num = "KPO4"; //Assuming this will be last candidate id
alert("KPO" + (parseInt(num.replace(/\D/g, '')) + 1));

答案 1 :(得分:-1)

$("#buttonId").click(function(){
$.ajax({url: "Controller/Method", success: function(result){
    $("#txtCandidateId").val(result).attr("disabled","disabled");
}});
});

数据库查询 SELECT MAX(CandidateId)+1 FROM TableName