javascript - 如何使用jquery在没有正则表达式的情况下找出输入字段中的特定值？

Question

在给定的html代码name_with_initials中，例如mr，mrs，ms，master。从数据库检索名称时，它就像“MR:Raju”基于此值，我需要选择前缀名称(MR)和名称中的值(Raju) 应该在输入框中。如何做到这一点？

<div class="input-group">
                  <span class="input-group-addon">
                    <select name="name_with_initials" id="name_with_initials">
                      <option value="MR">MR</option>
                      <option value="MRS">MRS</option>
                      <option value="MS">MS</option>
                      <option value="MASTER">MASTER</option>
                    </select>
                  </span>
                  <input type="text" name="name_with_initials" id="customername" onKeyPress="return ValidateAlpha(event);" class="form-control detailinfo" placeholder="Full Name">
                </div><!-- /input-group -->

Answer 1

您可以使用冒号(:)分割缩写和姓名，并将值设置为选择下拉列表和输入文本框:

var dbValue = 'MR:Raju';
var initials = dbValue.split(':')[0];
var username = dbValue.split(':')[1];
$('#name_with_initials').val(initials);
$('#customername').val(username);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="input-group">
  <span class="input-group-addon">
    <select name="name_with_initials" id="name_with_initials">
      <option value="MR">MR</option>
      <option value="MRS">MRS</option>
      <option value="MS">MS</option>
      <option value="MASTER">MASTER</option>
    </select>
  </span>
  <input type="text" name="name_with_initials" id="customername" onKeyPress="return ValidateAlpha(event);" class="form-control detailinfo" placeholder="Full Name">
</div>