How to find out particular value in a input field without regex using jquery?

Question

In the given html code name_with_initials such as mr,mrs,ms,master.While retrieving name from database it is like "MR:Raju" Based on this value i need to select value in of prefix name(MR) and name(Raju) should be in input box.How to do this?

<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 -->

So effectively, you are asking how you can split a string value at a particular character, in this case the colon? That is something you should be able to easily research on your own, for nearly any programming language. Please make an effort. — misorude
– misorude, Commented Oct 24, 2018 at 11:52

Ankit Agarwal · Accepted Answer · 2018-10-24 11:53:10Z

2

You can split the initials and name with colon(:) and set the values to the select dropdown and input text box:

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>

answered Oct 24, 2018 at 11:53

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ankit Agarwal Over a year ago

@Diamond glad to help :)

Collectives™ on Stack Overflow

How to find out particular value in a input field without regex using jquery?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related