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

您没有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);
});

Answer 2

嗨，如果您有文本框和值，则可以用多种方式填充它。

您可以在此处使用ID选择器（ID在整个页面中应该是唯一的）。

但是问题出在您的代码中$（this）将引用您当前的对象。而且我看不到任何具有'slot_name'属性的html标记。

假设您输入的属性名称为“ 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);
       })
    });

注意：您可以将ID选择器替换为标记名，以将其应用到所有输入框中。

Answer 3

使用ID设置元素

例如：

$('#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>

如何在jQuery的文本框中填充值

3 个答案: