JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myModal" class="modal fade">
			<div class="modal-dialog boc">
				<div class="modal-content">				

					<div class="modal-body">
						<form class="form-horizontal" >
							<fieldset>				
							<div class="control-group">
								<label class="control-label" for="prependedtext-2"></label>
								<div class="controls">
									<div class="input-prepend">
										<span class="add-on">Услуга</span>
										<input id="prependedtext-2" name="prependedtext-2" class="input-xlarge" placeholder="" required="" type="text">
									</div>
								</div>
							</div>	
              </fieldset>
						</form>
					</div>				
				</div>
			</div>
		</div>   
    
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 item">
      <div class="grid_wrap">
      <div class="name" data-service="1">Услуга1</div>
      <button data-target="#myModal" type="button" class="extremum-click" data-toggle="modal" data-service-name="1">Заголовок</button>
      </div>
    </div>
    
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 item">
      <div class="grid_wrap">
      <div class="name" data-service="2">Услуга2</div>
      <button data-target="#myModal" type="button" class="extremum-click" data-toggle="modal" data-service-name="2">Заголовок</button>
      </div>
    </div>
    
       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 item">
      <div class="grid_wrap">
      <div class="name" data-service="3">Услуга3</div>
      <button data-target="#myModal" type="button" class="extremum-click" data-toggle="modal" data-service-name="3">Заголовок</button>
      </div>
    </div>
    
       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 item">
      <div class="grid_wrap">
      <div class="name" data-service="4">Услуга4</div>
      <button data-target="#myModal" type="button" class="extremum-click" data-toggle="modal" data-service-name="4">Заголовок</button>
      </div>
    </div>

JavaScript

$('[data-service-name]').click(function() {
	$service_id = $(this).data('serviceName');
  $('#prependedtext-2').val($('[data-service="'+$service_id+'"]').text());
});