JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<div class="page" data-iscroll="" id="page">
<form action="handle.php" method="post" data-ajax="false" id="tilluft_form">
<div id="tilluft_line" class="ui-grid-b">
<div id="select_value" class="ui-block-a">
<select name="tilluft_name[]" id="tilluft_name[]" data-mini="true">
<option value="val1">Val 1</option>
<option value="val2">Val 2</option>
<option value="val3">Val 3</option>
<option value="val4">Val 4</option>
</select>
</div>
<div id="input_value" class="ui-block-b">
<input name="tilluft_value[]" id="tilluft_value[]" data-mini="true">
</div>
<div class="ui-block-c" style="width:35px;">
<a href="#" id="remove_tilluft" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
</div>
</div>
<a id="add_tilluft" href="#" data-role="button" data-icon="add" data-inline="true">Add one more</a>
</form>
<input type="submit" form="tilluft_form" value="Submit Form" data-mini="true" data-inline="true"/>
</div>
JavaScript
function Addonemoretilluft() {
$('#tilluft_line').clone().insertAfter("#tilluft_line");
}
function Removetilluft() {
$('#page').remove("#tilluft_line");
}
$(document).ready(function() {
$("#add_tilluft").click(function(){
Addonemoretilluft();
});
$("#remove_tilluft").click(function(){
Removetilluft();
});
});