[英]When dynamically creating input fields, <select> filled with $.each only once, why?
I try to dynamically add an input field to a form.我尝试将输入字段动态添加到表单中。 It works fine except one thing:它工作正常,除了一件事:
I try to fill a with $.each, but this only works for the first dynamically added if I add more, the stays empty..我尝试用 $.each 填充 a,但这仅适用于第一个动态添加的,如果我添加更多,则保持为空。
the #add button is in the initial form: #add 按钮处于初始形式:
append :附加:
$('#add').click(function() {
i++;
$dynamic_field').append('' +
'<h1>Sensor '+i+'</h1> ' +
'<tr id="row'+i+'">
'<td><div class="form-group">\n' +
'<label for="InputSensorType">Sensor Type*</label>\n' +
'<select class="form-control" id="InputSensorType" name="sensorType[]"></select>\n'
'</div></td>\n +'
'<td>
<button type="button" name="copy" id="copy" class="btn btn-primary">Copy this sensor
</button></td><tr>');
Each:每个:
var jsarray = <?php echo json_encode($sensors)?>;
$.each(jsarray, function (index, value) {
$('#InputSensorType').append(('<option value='+index+'>'+value+'</option>'));
});
Can anyone help me?谁能帮我?
Try this尝试这个
var jsarray = '<?php echo json_encode($sensors)?>';
var obj = jQuery.parseJSON(jsarray);
var data = '';
$.each(jsarray, function (index, value) {
data +='<option value='+index+'>'+value+'</option>';
});
$('#InputSensorType').append(data);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.