Tilføj ekstra dropdown, ændre til textbox, slette enkeltvis med Ajax
Hej,Forsøger at udvikle en kode, som kan clone en DIV, hvori der som standard er en dropdown. Man skal så enkeltvis kunne ændre dropdown til textbox ved valg, uden at ændre andre cloner. Sidst skal det være muligt at fortryde enkeltvis ved en sletning.
Jeg har følgende kode:
<style>
.text {
display:none;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.select').live('change',function(){
if($(this).val() == "") {
// Ændre fra DropDown til TextBox
}
});
$('.cancel').click(function() {
// Ændre fra TextBox til DropDown (annullering)
});
$('.clone').click(function() {
// Kopier box-DIV
});
});
</script>
<form>
<div class="box">
<select name="inputtext[]" class="select">
<option value="0"></option>
<option value="">Egen tekst</option>
<option value="1">Bil</option>
<option value="2">MC</option>
<option value="3">Knallert</option>
</select>
<div class="text"><input type="text" name="inputtext[]" value=""><span class="cancel">Annuler</span></div>
</div>
<input type="button" value="Tilføj" class="clone">
</form>
Kan nogen hjælpe mig videre?
God lørdag.
