jquery向动态创建的输入文本字段添加值

jquery向动态创建的输入文本字段添加值,jquery,input,dynamically-generated,Jquery,Input,Dynamically Generated,我有一组通过jQueryAjax创建的动态创建输入文本框,需要用值填充某些字段。我在用这个 $('#priority').attr('value', tplData); 但这似乎不起作用 我尝试了.val(tplData),但没有成功 是否有其他方法通过jQuery设置动态创建的字段的值 输入字段html如下所示 <div class="field-container"> <!-- This field is being dynamically created via a

我有一组通过jQueryAjax创建的动态创建输入文本框,需要用值填充某些字段。我在用这个

$('#priority').attr('value', tplData);
但这似乎不起作用

我尝试了.val(tplData),但没有成功

是否有其他方法通过jQuery设置动态创建的字段的值

输入字段html如下所示

<div class="field-container">
  <!-- This field is being dynamically created via an ajax call using jQuery -->
  <input type="text" name="priority" id="priority" class="input-group vert-spacer-bottom" placeholder="Priority">
</div>

非常感谢

编辑 它似乎绝对是一个动态创建元素的东西,因为如果我在HTML中静态创建输入元素并尝试这些建议,它会工作得很好。但是,如果输入字段是动态创建的,则无需掷骰子。

尝试:

$('body').find('#priority').attr('value', tplData);
编辑:这应该是可行的,但您也可以这样做:

$('body').find('name=["priority"]').val(tplData);
$('body').find('#priority').val(tplData);

编辑:请参见

第一件事是,在为文本框赋值之前是否生成了文本框。??您可以检查控制台选项卡中是否存在任何错误。有时,如果在您的代码之前发生任何错误,它将不会触发。因此,右键单击页面->检查元素->控制台。如果有任何错误,请解决并重试


您可以尝试使用$('#priority').val(tplData)

如果您有多个控件,则必须使用类

$(".priority").prop("value",tplData);

检查控制台中是否有任何错误。

因此,在我的头进一步撞上众所周知的代码墙之后,我能够设计出一个解决方案,最终工作得非常出色

动态创建的文本框现在接受jquery代码给它赋值。神奇之处在于重新思考jquery在代码可见性方面必须如何看待元素

首先要说明的是容器DIV是静态的,并且始终存在于文档中。这意味着在该DIV中创建的任何内容都将严格地始终是客户端的。锁定客户端的思维模式之后,我认为jQuery需要了解新创建的元素。这是通过以下代码实现的

var inputElm = '';
inputElm += '<input type="' + data.type + '" name="' + data.name + '" id="' + data.name + '" class="' + data.name + ' input-group vert-spacer-bottom" placeholder="' + data.placeholder + '" />';

$('.field-container').after().html(inputElm);
var inputElm='';
inputElm+='';
$('.field container').after().html(inputElm);

现在,当我执行代码时……它工作得很好,并将输入文本框的值设置为所需的值。

如果有多个元素具有相同的ID号,它们都是不同的。所以,这是奇怪的部分。如果我将输入元素创建为一个静态HTML输入字段,我可以使它工作。工作起来很有魅力。但是,如果我让jquery在页面呈现后创建它,那么无论采用何种实现方法,都无法让它正常工作。是的,该字段是在尝试向其推送值之前生成的。第二,请看我的作品,因为我已经试过了你的建议。我试过了,但仍然不起作用。这似乎是一个非常合理的建议。好吧,所有这些看起来都不错,但都不起作用。我使用引导库有关系吗?
tplData
的值是多少?把你的代码完全放在这里。我为您的问题添加了
jsfiddle
链接,它来自一个AJAX调用。它通常是一个2到4个字符的字符串。e、 g.“P1S2”或“P2”…等。请在顶部阅读我的最新评论…谢谢。