jQuery verwijderen en toevoegen van textfield
Nu is mijn probleem dat als ik een andere waarde selecteer in de dropdown select box het vorige ingevulde textfield niet wordt verwijderd, maar dat er een nieuw textfield boven wordt gezet. Hoe kan ik er voor zorgen dat als ik een nieuw item selecteer het vorige ingevulde textfield eerst wordt verwijderd en daarna de nieuwe wordt weergegeven.
Quote:
<script type="text/javascript">
function fill_textfield(){
var valuedropdown = document.getElementById('c_select_all_info').value;
var substr = valuedropdown.split('||');
if(valuedropdown != ''){
if ($(substr[0]) != 'Leeg laten...') {
$('#txt').prepend('Temp1 <input id="test1" class="span3" value="" /></br>');
document.getElementById('test1').value = substr[0];
}
if ($(substr[0]) != 'Leeg laten...') {
$('#txt').prepend('Temp1 <input id="test1" class="span3" value="" /></br>');
document.getElementById('test1').value = substr[0];
}
if ($(substr[1]) != 'Leeg laten...') {
$('#txt').prepend('Temp2 <input id="test2" class="span3" value="" /></br>');
document.getElementById('test2').value = substr[1];
}
}
}
</script>
<div class="control-group input-prepend input-append light input special_width">
<label class="control-label" style="width: 193px;">Koppel map aan pagina:</label>
<div class="input-prepend input">
<select name="c_select_all_info" id="c_select_all_info" data-placeholder="Selecteer klant..." class="span3 chzn-select" onchange="fill_textfield(); return false;">
<option value="leeg_id" selected="leeg_id">Selecteer</option>
<option value="
"></option>
</select>
</div>
<p class="help-block help"></p>
</div>
<span id="txt"></span>
function fill_textfield(){
var valuedropdown = document.getElementById('c_select_all_info').value;
var substr = valuedropdown.split('||');
if(valuedropdown != ''){
if ($(substr[0]) != 'Leeg laten...') {
$('#txt').prepend('Temp1 <input id="test1" class="span3" value="" /></br>');
document.getElementById('test1').value = substr[0];
}
if ($(substr[0]) != 'Leeg laten...') {
$('#txt').prepend('Temp1 <input id="test1" class="span3" value="" /></br>');
document.getElementById('test1').value = substr[0];
}
if ($(substr[1]) != 'Leeg laten...') {
$('#txt').prepend('Temp2 <input id="test2" class="span3" value="" /></br>');
document.getElementById('test2').value = substr[1];
}
}
}
</script>
<div class="control-group input-prepend input-append light input special_width">
<label class="control-label" style="width: 193px;">Koppel map aan pagina:</label>
<div class="input-prepend input">
<select name="c_select_all_info" id="c_select_all_info" data-placeholder="Selecteer klant..." class="span3 chzn-select" onchange="fill_textfield(); return false;">
<option value="leeg_id" selected="leeg_id">Selecteer</option>
<option value="
Code (php)
1
<?php echo $value['d_temp_name1'].'||'.$value['d_temp_name2'].'||'.$value['d_temp_name3'].'||'.$value['d_temp_name4'];?>
Code (php)
1
<?php } ?>
</select>
</div>
<p class="help-block help"></p>
</div>
<span id="txt"></span>
Alvast bedankt,
Er zijn nog geen reacties op dit bericht.