I am adding value using JavaScript dynamically. my code is following:
<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">
IN this code user select multiple value by clicking add button. when he select any value and enter add button this value display below select box. and user then also select new value like this.
Now how i can pass this value using ajax and save in mysql database.