我正在用下拉列表生成一些输入字段。我现在希望输入到这些输入字段中的文本自动更新跨度。但是,由于输入字段是动态生成的,我很难让它与jQuery一起工作获取动态创建元素的ID jQuery
感谢您的帮助!
HTML:
<div id="url">
https://api.test.com<span id="endpoint" readonly="readonly"> </span>
</url>
<div class="control-group">
<label class="control-label" for="selectbasic">Endpoint</label>
<div class="controls">
<select id="dropdown" name="selectbasic" class="input-xlarge">
<option value = "none">select</option>
<option value="id">/test/{id}</option>
<option value="id_date">/test/{id}/{date}</option>
</select>
</div>
的javascript:
$('#dropdown').change(function(){
$('#textBoxContainer').empty();
var data = $(this).find('option:selected').attr('value');
var cleaned_data = data.split("_");
var num_args = cleaned_data.length;
for (var i = 0; i < num_args; i++){
$('#textBoxContainer').append('<label class="control-label" for="textinput">' + cleaned_data[i] + '</label><br/><input id="' + cleaned_data[i] + '" name="textinput" size="25" type="text" placeholder="'+ cleaned_data[i] +'" class="input-xlarge"><br/>');
}
});
jQuery('#date').on('input', function() {
$('#endpoint').html('test');
})
这里的Fiddle
你不需要一个ID来选择一个元素。 '$(“#textBoxContainer input”)'将选择所有属于'textBoxContainer'后代的输入。 –
'#endpoint_curl'是什么?你的任务是什么?你需要用这个代码来实现什么? –
''是所有,但不是一个vaild标签 –