2017-02-06 117 views
0

我有我的jQuery:恢復多個輸入數據

$(document).ready(function() { 
    var max_fields  = 10; //maximum input boxes allowed 
    var wrapper   = $(".input_fields_wrap"); 
    var add_button  = $(".add_field_button"); 

    var x = 1; //initlal text box count 
    $(add_button).click(function(e){ //on add input button click 
     e.preventDefault(); 
     if(x < max_fields){ //max input box allowed 
      x++; //text box increment 
      $(wrapper).append('<div><input type="text" name="mytext[]"/><a  href="#" class="remove_field">Remove</a></div>'); //add input box 
     } 
    }); 

    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text 
     e.preventDefault(); $(this).parent('div').remove(); x--; 
    }) 
}); 

而我的HTML:

<div class="input_fields_wrap"> 
    <button class="add_field_button">Add More Fields</button> 
    <div><input type="text" name="mytext[]"></div> 
</div> 

來源:https://www.sanwebe.com/2013/03/addremove-input-fields-dynamically-with-jquery

我想知道,我可以我恢復每個數據從爲每個輸入添加並保存在我的數據庫(MySQL)? 我想如果可能的話使用PHP或jQuery,如果我沒有其他的可能性。 非常感謝,

+0

http://php.net/manual/en/language.variables.external.php – AbraCadaver

回答

2

如果您有<form action="processing_page.php" method="POST"></form>

包裝你的輸入字段,然後,當表單提交,你將能夠在您的processing_page.php內訪問這樣的方式的數據。

$valuesArray = $_POST['mytext'];

,你可以用它在foreach語句做一些與每一個(就像這個例子打印出來)

foreach($valuesArray as $value) { 
    echo "<br>$value"; 
} 

編輯:如果您遇到問題與實現形式,在這裏是一個基本的overview/tutorial。確保查看錶格本身,操作和方法的章節。編輯2:如果您計劃將值存儲到數據庫或在另一頁上顯示它,請確保清理所有用戶提供的數據。在this thread中解釋了一些良好的實踐。

+0

Hoo我會試試這個,謝謝,我會告訴你:) – Reitrac