Php 创建动态字段并填充其中的数据
下面是JSON数据和Php 创建动态字段并填充其中的数据,php,jquery,json,Php,Jquery,Json,下面是JSON数据和HTML表单,动态创建字段。此表单用于发送数据。但是如何通过动态创建字段来填充字段呢 json数据 $data = {"1":"a","3":"b","5":"c","2":"d","4":"e"} index.php <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML
表单,动态创建字段。此表单用于发送数据。但是如何通过动态创建字段来填充字段呢
json数据
$data = {"1":"a","3":"b","5":"c","2":"d","4":"e"}
index.php
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-compat-git.js"></script>
<title>Add/Remove Input Fields Dynamically with jQuery</title>
<script type="text/javascript">
$(function() {
$('.multi-field-wrapper').each(function() {
var $wrapper = $('.multi-fields', this);
$(".add-field", $(this)).click(function(e) {
$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
});
$('.multi-field .remove-field', $wrapper).click(function() {
if ($('.multi-field', $wrapper).length > 1)
$(this).parent('.multi-field').remove();
});
});
});
</script>
</head>
<body>
<form role="form" action="" method="POST">
<label>Stuff</label>
<div class="multi-field-wrapper">
<div class="multi-fields">
<div class="multi-field">
<select name="id[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="text" name="stuff[]">
<button type="button" class="remove-field">Remove</button>
</div>
</div>
<button type="button" class="add-field">Add field</button>
</div>
<input type="submit">
</form>
</body>
</html>
使用jQuery动态添加/删除输入字段
$(函数(){
$('.multi-field wrapper')。每个(函数(){
var$wrapper=$('.multi-fields',this);
$(“.addfield”,$(this))。单击(函数(e){
$('.multi-field:first-child',$wrapper.clone(true).appendTo($wrapper.find('input').val('').focus();
});
$('.multi-field.remove-field',$wrapper)。单击(函数(){
如果($('.multi-field',$wrapper).length>1)
$(this.parent('.multi-field').remove();
});
});
});
东西
1.
2.
3.
4.
5.
去除
添加字段
任何帮助都将不胜感激。您需要一个循环。在javascript中,您可以执行以下操作:
var $data = {"1":"a","3":"b","5":"c","2":"d","4":"e"};
var formHTML = "";
$.each($data, function(key, value) {
var inputHTML = "<input name='"+key+"' value='"+value+"' type="text"/>\n";
formHTML += inputHTML;
});
var$data={“1”:“a”、“3”:“b”、“5”:“c”、“2”:“d”、“4”:“e”};
var formHTML=“”;
$.each($数据、函数(键、值){
var inputtml=“\n”;
formHTML+=inputHTML;
});
然后在表单中附加formHTML 您能详细说明一下“但是如何在这个动态字段中填充给定的数据”吗?您的意思是:在select元素上,相应的值应该被放入相应的输入中?生成表单的PHP是什么样子的?特别是
元素。@gaetanoM是。因此,json包含5个元素。因此,将创建5次该字段,并填充数据it@BizzyBob创建的php用于从此html生成json数据。但现在我正在获取这些json数据以再次填充