kan iemand mij helpen met het volgende. Als ik een waarde selecteer met een dropdown select box, lees ik de waarde uit in onderstaand script. Telkens als een gesplit value (array) niet gelijk is aan 'Leeg laten...' wordt er een input textfield gevuld en getoond met de waarde uit de array 'substr'.

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.


<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>
<?php foreach($select->query() as $key => $value) { ?>

<option value="<?php echo $value['d_temp_name1'].'||'.$value['d_temp_name2'].'||'.$value['d_temp_name3'].'||'.$value['d_temp_name4'];?>"><?php echo $value['c_map_name'];?></option>

<?php } ?>
</select>
</div>
<p class="help-block help"></p>
</div>


<span id="txt"></span>


Alvast bedankt,

Reageren