如何使用JQuery和PHP將具有子輸入字段值的輸入字段存儲到數據庫中？

Question

我做了類似下面的代碼，我想使用JQuery PHP在MySQL數據庫中存儲基於父級和子級的輸入字段值。 基本上我已經用單個值完成了，但是在我當前的任務中，它看起來像帶有多個父級的樹，並且是多個子鍵Vlaue。

我正在使用此代碼：

$(function() {
    var scntDiv = $('#p_scents');
var i = $('#p_scents label').size() + 1;

$('#addScnt').live('click', function() {
$('<p>Keyword: '+i+'<a href="#" id="remScnt">Remove</a><br><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="keyword[]" value="" placeholder="Enter Keyword" /><a href="#" id="addVar">Add Variants</a><a></a></label></p>').appendTo(scntDiv);
i++;
return false;
});

$('#remScnt').live('click', function() {
if( i >2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});

$('#addVar').live('click', function() {
//alert();
$('<p><label for="var"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Enter Vareyword" /></label> <a href="#" id="remVar">Remove Var</a></p>').appendTo($(this).next());
return false;
});


$('#remVar').live('click', function() {

$(this).parent('p').remove();


return false;
}); });
<h2><a href="#" id="addScnt">Add Another Input Box</a></h2><div id="p_scents">
<p>
Keyword: 1
<br>
<label for="p_scnts"><input type="text" id="p_scnt" size="20" name="keyword[]" value="" placeholder="Enter keyword">
<a href="#" id="addVar">Add Variants</a>
<a></a>
</label>
</p>
</div>

Answer 1

您必須將名為p_scnt_2的孩子設置為keyword1 []，然后找到父母和孩子