2015-02-09 49 views
0

我正在動態地使用JavaScript添加值。我的代碼如下:如何使用ajax和php保存數組數據庫的值

<script type="text/javascript"> 
var i = 1; 
    function add_coll() { 
     var city_value = document.getElementById("city_service").value; 
     if(city_value != "city") 
     { 
     $('#colnew').append('<div id="businesshour'+i+'" class="row"><div class= "large-4 medium-4 columns">'+city_value+'</div><div class= "large-3 medium-3 columns end"><a href="javascript:void(0);" onclick="remove_coll('+i+');" ><img src="../img/cross_icon.png"></a></div></div>'); 
     i++;  
} 
    } 
    function remove_coll(val) { 
     $('#businesshour'+val).remove(); 
    } 
    </script> 
<select id="city_service" name="city_service"> 
      <option value="city">Choose One</option> 
      <option value="Jaipur">Jaipur</option> 
      <option value="Ajmer">Ajmer</option> 
      <option value="Jodhpur">Jodhpur</option> 
      </select> 
      </div> 
      <div class= "large-3 medium-3 columns end"> 
      <a href="javascript:void(0);" onClick="add_coll();" class="button city-add">+ Add</a>   
      </div> 
     </div> 
     <div id="colnew"> 

在此代碼中,用戶通過單擊添加按鈕來選擇多個值。當他選擇任何值並輸入添加按鈕時,此值將顯示在選擇框下方。然後用戶也可以選擇像這樣的新值。

現在我可以如何使用ajax傳遞這個值並保存在mysql數據庫中。

+0

歡迎來到Stack Overflow!這個問題在信息上有點短暫。你可以分享你的嘗試,並且遇到了什麼問題? – 2015-02-09 19:03:46

+0

可能的重複[jQuery的Ajax POST示例與PHP](http://stackoverflow.com/questions/5004233/jquery-ajax-post-example-with-php) – 2015-02-09 19:16:45

+0

與論壇網站不同,我們不使用「謝謝」 ,或者「任何幫助表示讚賞」,或簽名[so]。請參閱「[應該'嗨','謝謝',標語和致敬從帖子中刪除?](http://meta.stackexchange.com/questions/2950/should-hi-thanks-taglines-and-salutations-be - 從帖子中刪除)。順便說一句,它是「提前致謝」,而不是「感謝先進」。 – 2015-02-10 03:32:17

回答

0

商店city_value到數組

var city_array = []; 

add_col()方法

city_array.push(city_value); 

裏面,現在你可以Ajax請求期間發送此陣。

相關問題