jQuery verwijderen en toevoegen van textfield

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Raymond van Os

raymond van Os

08/03/2013 11:43:45
Quote Anchor link
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.

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>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php                         foreach($select->query() as $key => $value) { ?>


<option value="
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php echo $value['d_temp_name1'].'||'.$value['d_temp_name2'].'||'.$value['d_temp_name3'].'||'.$value['d_temp_name4'];?>
">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php echo $value['c_map_name'];?>
</option>

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.