Как заполнить значение в текстовом поле в JQuery

Question

У меня есть 3 текстовых поля и значения, но я хочу заполнить значения в текстовом поле с помощью jquery. Как я могу выполнить эту задачу?

<div class="col-md-4">
   <input type="text" id="s_nam" name="s_nam" class="form-group" />
</div> 
var s_nam  = $(this).data('slot_name');
$('#s_nam').text(s_nam);

Answer 1

Установить элемент, используя идентификатор

Для вашего примера:

$('#s_nam').val('Insert the values');

$('#s_nam').val('Insert the values');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="col-md-4">
 <input type="text" id="s_nam" name="s_nam" 
 class="form-group" />
</div> 

Answer 2

Привет, если у вас есть текстовое поле и значения, вы можете заполнить его несколькими способами.

здесь вы можете использовать селектор идентификатора (идентификатор должен быть уникальным на всей странице).

, но проблема в том,в вашем коде $ (this) будет ссылаться на ваш текущий объект.и я не вижу ни одного html-тега, который имеет атрибут «slot_name».

при условии, что у вас есть поле ввода с именем атрибута «slot_name»

<div class="col-md-4">
   <input type="text" id="s_nam" name="s_nam" class="form-group" slot_name='Slot1' />
</div> 

, вы можете получить его ниже:код

 $(document).ready(function() {
        $("#s_nam").on('blur',function(){
            var s_nam  = $(this).attr('slot_name');
           $(this).val(s_nam);
       })
    });

примечание: вы можете заменить селектор идентификатора на имя тега, чтобы применить его во всех полях ввода.

Answer 3

У вас нет поля data-slot_name, и вы не обращаетесь к элементу DOM.Вам нужно $("#s_nam") для доступа к полю input:

<div class="col-md-4">
 <input type="text" id="s_nam" name="s_nam" data-slote_name="xyz" 
 class="form-group" />
</div> 

var s_nam  = $("#s_nam").data('slot_name');
$('#s_nam').text(s_nam);

Во-вторых, вы можете столкнуться с ошибкой при попытке получить s_nam до загрузки всей страницы, поэтому вам нужно добавить:

<div class="col-md-4">
  <input type="text" id="s_nam" name="s_nam" data-slote_name="xyz" 
         class="form-group" />
</div> 

$( document ).ready(function() {

    var s_nam  = $("#s_nam").data('slot_name');
    $('#s_nam').val(s_nam);
});